stringtranslate.com

Atributo HTML

Los atributos HTML son palabras especiales que se utilizan dentro de la etiqueta de apertura para controlar el comportamiento del elemento. Los atributos HTML son un modificador de un tipo de elemento HTML . Un atributo modifica la funcionalidad predeterminada de un tipo de elemento o proporciona funcionalidad a ciertos tipos de elementos que no pueden funcionar correctamente sin ellos. En la sintaxis HTML, un atributo se agrega a una etiqueta de inicio HTML .

Se han reconocido varios tipos de atributos básicos, incluidos: (1) atributos obligatorios , necesarios para que un tipo de elemento en particular funcione correctamente; (2) atributos opcionales , utilizados para modificar la funcionalidad predeterminada de un tipo de elemento; (3) atributos estándar , compatibles con muchos tipos de elementos; y (4) atributos de evento , utilizados para hacer que los tipos de elementos especifiquen scripts que se ejecutarán en circunstancias específicas.

Algunos tipos de atributos funcionan de manera diferente cuando se utilizan para modificar distintos tipos de elementos. Por ejemplo, el nombre del atributo se utiliza en varios tipos de elementos, pero tiene funciones ligeramente diferentes en cada uno de ellos. [1]

Descripción

Los atributos HTML generalmente aparecen como pares nombre-valor , separados por =, y se escriben dentro de la etiqueta de inicio de un elemento, después del nombre del elemento:

<element attribute= "value" > contenido del elemento </element>  

Donde elementnombra el tipo de elemento HTML y attributees el nombre del atributo, establecido en el valor proporcionado value. El valor puede estar entre comillas simples o dobles, aunque los valores que constan de ciertos caracteres pueden dejarse sin comillas en HTML (pero no en XHTML). [2] [3] Dejar los valores de los atributos sin comillas se considera inseguro. [4]

Aunque la mayoría de los atributos se proporcionan como nombres y valores emparejados, algunos afectan al elemento simplemente por su presencia en la etiqueta de inicio del elemento [5] (como el ismapatributo del imgelemento [6] ).

El elemento de abreviatura, abbr, se puede utilizar para demostrar estos diversos atributos:

< abbr  id = "anId"  class = "aClass"  style = "color:blue;"  title = "Lenguaje de marcado de hipertexto" > HTML </ abbr >

Este ejemplo se muestra como HTML en azul sin ser un enlace y, en la mayoría de los navegadores, al apuntar el cursor a la abreviatura, debería aparecer el texto del título "Lenguaje de marcado de hipertexto" dentro de un fondo amarillo flotante ( información sobre herramientas ).

< div  style = "text-align: center;" > Texto centrado </ div >

En este otro ejemplo, su texto se verá así:

Texto centrado

La mayoría de los elementos también toman los atributos relacionados con el lenguaje langy dir.

Atributos comunes

Generalmente, los elementos HTML pueden tomar cualquiera de los atributos estándar más comunes (ver la lista completa):

Variedades

Los atributos HTML generalmente se clasifican en atributos obligatorios , atributos opcionales , atributos estándar y atributos de evento :

Obligatorio y opcional

Utilizado por dos elementos

Utilizado por múltiples elementos

  • La alineación también está obsoleta en <caption> , <div> , <h1> a <h6> , <hr> , <iframe> , <img> , <input> , <legend> , <p> , <table>

Atributos estándar

Los atributos estándar también se conocen como atributos globales y funcionan con una gran cantidad de elementos. [17] Incluyen los atributos estándar básicos: estos incluyen accesskey, class, contenteditable, contextmenu, data, dir, hidden, id, lang, style, tabindex, title . También hay algunos experimentales. Tanto xml:lang como xml:base han quedado obsoletos. Los atributos múltiples aria-* mejoran la accesibilidad. [17] Los atributos del controlador de eventos se enumeran más adelante.

Técnicamente, todos los atributos estándar deben ser aceptados por todos los elementos, aunque no funcionarán con algunos elementos. [18] La siguiente tabla enumera algunos atributos estándar comunes y algunos elementos con los que pueden funcionar.

Atributos del evento

Los atributos estándar incluyen los atributos del controlador de eventos . Todos tienen el prefijo on-: [17]

Los atributos de evento, añadidos en la versión 4 de HTML, permiten que un elemento especifique los scripts que se ejecutarán en circunstancias específicas. La siguiente tabla enumera algunos atributos de controlador de eventos comunes y algunos elementos con los que pueden funcionar.

Véase también

Referencias

  1. ^ "Índice de atributos HTML 4". W3C . Consultado el 13 de febrero de 2015 .
  2. ^ "Sobre SGML y HTML". World Wide Web Consortium . Consultado el 16 de noviembre de 2008 .
  3. ^ "XHTML 1.0 – Diferencias con HTML 4". World Wide Web Consortium . Consultado el 16 de noviembre de 2008 .
  4. ^ Korpela, Jukka (6 de julio de 1998). "Por qué los valores de los atributos siempre deben ir entre comillas en HTML". Cs.tut.fi. Consultado el 16 de noviembre de 2008 .
  5. ^ "Etiquetas utilizadas en HTML". World Wide Web Consortium. 3 de noviembre de 1992. Consultado el 16 de noviembre de 2008 .
  6. ^ "Objetos, imágenes y subprogramas en documentos HTML". World Wide Web Consortium. 24 de diciembre de 1999. Consultado el 16 de noviembre de 2008 .
  7. ^ Sin embargo, pueden aplicarse múltiples identificadores al mismo elemento; en particular, un elemento puede estar dentro de otro elemento, cada uno con un identificador.
  8. ^ "HTML id". W3Schools . Archivado desde el original el 27 de abril de 2020 . Consultado el 27 de abril de 2020 .
  9. ^ "Atributo de identificación global HTML". W3Schools . Consultado el 27 de abril de 2020 .
  10. ^ "Clases HTML". W3Schools . Consultado el 27 de abril de 2020 .
  11. ^ "Atributo de clase global HTML". W3Schools . Consultado el 27 de abril de 2020 .
  12. ^ "Estilos HTML". W3Schools . Consultado el 12 de mayo de 2023 .
  13. ^ "Atributo de estilo global HTML". W3Schools . Consultado el 12 de mayo de 2023 .
  14. ^ "Sintaxis CSS". W3Schools . Consultado el 12 de mayo de 2023 .
  15. ^ "Atributos globales HTML". W3Schools.
  16. ^ "Atributos de eventos HTML". W3Schools.
  17. ^ abc «Atributos globales – HTML (lenguaje de marcado de hipertexto)». MDN Web Docs . Consultado el 12 de febrero de 2015 .
  18. ^ "Referencia HTML – HTML (lenguaje de marcado de hipertexto)". MDN Web Docs . Consultado el 13 de febrero de 2015 .