El role
atributo describe el papel de un elemento en los programas que pueden utilizarlo, como lectores de pantalla o lupas.
Ejemplo de uso:
Button Link
Los lectores de pantalla leerán este elemento como "botón" en lugar de "enlace".
Hay cuatro categorías de roles:
- Roles abstractos
- Funciones de widget
- Roles de la estructura del documento
- Roles emblemáticos
Más información sobre atributos HTML:
atributo
atributo
atributo
atributo
atributo
atributo
atributo
Más información sobre atributos HTML
Los elementos HTML pueden tener atributos, que contienen información adicional sobre el elemento.
Los atributos HTML generalmente vienen en pares de nombre-valor y siempre van en la etiqueta de apertura de un elemento. El nombre del atributo indica qué tipo de información está proporcionando sobre el elemento y el valor del atributo es la información real.
Por ejemplo, un elemento anchor ( ) en un documento HTML crea vínculos a otras páginas u otras partes de la página. Utiliza el
href
atributo en la etiqueta de apertura para decirle al navegador a dónde envía el enlace a un usuario.
Aquí hay un ejemplo de un enlace que envía a los usuarios a la página de inicio de freeCodeCamp:
Click here to go to freeCodeCamp!
Observe que el nombre del atributo ( href
) y el valor (“www.freeCodeCamp.org”) están separados por un signo igual y las comillas rodean el valor.
Hay muchos atributos HTML diferentes, pero la mayoría de ellos solo funcionan en ciertos elementos HTML. Por ejemplo, el href
atributo no funcionará si se coloca en una abertura.
etiqueta.
En el ejemplo anterior, el valor proporcionado al href
atributo podría ser cualquier enlace válido. Sin embargo, algunos atributos solo tienen un conjunto de opciones válidas que puede usar, o los valores deben estar en un formato específico. El lang
atributo le dice al navegador el idioma predeterminado de los contenidos en un elemento HTML. Los valores del lang
atributo deben utilizar códigos de país o idioma estándar, como el en
inglés o el it
italiano.
Atributos booleanos
Algunos atributos HTML no necesitan un valor porque solo tienen una opción. Estos se denominan atributos booleanos. La presencia del atributo en una etiqueta lo aplicará a ese elemento HTML. Sin embargo, está bien escribir el nombre del atributo y establecerlo igual a la única opción del valor. En este caso, el valor suele ser el mismo que el nombre del atributo.
Por ejemplo, el elemento de un formulario puede tener un
required
atributo. Esto requiere que los usuarios completen ese elemento antes de poder enviar el formulario.
Aquí hay ejemplos que hacen lo mismo: