Atributos

Muchos de los elementos de HTML5 contienen atributos. Estos proveen información adicional sobre dicho elemento específico, y se especifican siempre al inicio de la etiqueta. Aquí tienes un ejemplo – digamos que quieres crear un enlace. El elemento para ello se especifica con la etiqueta <a> y la dirección de destino se especifica con el atributo href.

<a href="http://www.myurl.com">This is a link</a>

Tal como puedes ver, el elemento-enlace consiste una etiqueta de apertura <a> y una de cierre </a>. El contenido del elemento-enlace es "This is a link". Pero dentro de la etiqueta de apertura hay un atributo, href. El atributo href siempre tiene un valor asignado, en este caso es http://www.myurl.com. Cada vez que tienes un elemento con un atributo, la forma para escribirlo es atributo="valor".

Aquí puedes notar que al atributo name lo sigue un = y el valor del atributo se encuentra dentro de "". En HTML5 es posible omitir esas comillas dobles mientras el valor no incluya caracteres especiales restringidos (como por ejemplo >, =, o un espacio), pero hacer esto incrementa el riesgo de cometer errores – Echemos un vistazo al elemento-image para ejemplificar la situación.

<img src="my-puppy.jpg" alt="This is a picture of my puppy, Bob">

Si miras el atributo-alt (alt es la abreviatura de alternate text, en inglés texto alternativo) contiene varias palabras. Esto no representa un problema si utilizas comillas dobles – que indican que todo o que se encuentre dentro es el valor del atributo-alt. Pero como el espacio es un carácter restringido no puedes escribirlo del siguiente modo:

<img src="my-puppy.jpg" alt=This is a picture of my puppy, Bob>

Si lo hicieras, el navegador entenderá que el valor del atributo-alt es sólo "this" y el resto de lo que intentó ser tu texto-alt ("a picture of my puppy, Bob") podría romper el resto de tu página.

Lo que hemos aprendido

• Algunos elementos HTML pueden contener atributos
• El patrón o forma de escribir un atributo es atributo="valor"
• Los atributos poseen información adicional sobre un elemento
• Los atributos se especifican siempre en la etiqueta de apertura
• No es obligatorio utilizar comillas dobles, pero realmente es una buena idea hacerlo

Esperamos que para este momento, lo básico de HTML haya sido comprendido, y por ende estamos listos para avanzar hacia tu primera página web real a la cual le echaremos un vistazo en el siguiente capítulo.