A través del estudio anterior, ya tenemos una comprensión simple de las etiquetas HTML y sabemos que podemos agregar algunos atributos a las etiquetas. Estos atributos contienen información adicional sobre las etiquetas, como por ejemplo:
(1) El atributo href puede proporcionar la dirección del enlace para la etiqueta <a>;
(2) El atributo src puede proporcionar la ruta de la imagen para la etiqueta <img>;
(3) El atributo de estilo puede definir estilos CSS para casi todas las etiquetas.
En este artículo, explicaremos la definición y el uso de los atributos de etiquetas HTML.
1. ¿Qué son los atributos?
Los atributos pueden proporcionar información adicional para las etiquetas HTML o modificar etiquetas HTML. El atributo debe agregarse en la etiqueta de inicio y el formato de sintaxis es:
atributo=valor
attr representa el nombre del atributo y valor representa el valor del atributo. Los valores de los atributos deben estar entre comillas dobles o comillas simples ''.
Nota: Aunque tanto las comillas dobles como las comillas simples pueden rodear los valores de los atributos, en aras de la estandarización y el profesionalismo, utilice comillas dobles tanto como sea posible.
Una etiqueta puede no tener atributos o tener uno o más atributos.
Ejemplo de uso de atributos HTML:
<pid=user-infoclass=color-red>Bienvenido <fontcolor=redsize=3>nombre de usuario</font> a C Language Network. Ha estado utilizando este sitio durante 3 años. Este es su inicio de sesión número 264. <p><divclass=clearfloat><pclass=left>Información de la cuenta del nombre de usuario</p><pclass=right>Firma personalizada del nombre de usuario</p></div>
Se muestra a continuación:
1. Propiedades especiales
Hay muchos atributos HTML, que se pueden dividir aproximadamente en dos categorías:
(1) Algunos atributos se aplican a la mayoría o a todas las etiquetas HTML. A estos atributos los llamamos atributos universales;
(2) Algunos atributos solo son aplicables a una o varias etiquetas HTML específicas. A estos atributos los llamamos atributos especiales.
La etiqueta <img> en HTML tiene dos atributos especiales, src y alt, y la etiqueta <a> también tiene dos atributos especiales, href y target, como se muestra en el siguiente ejemplo:
<img src=./logo.png alt=Logotipo de red en lenguaje C ancho=100 alto=50>
<a href=http://c.biancheng.net/ target=_blank>Red de lenguaje C</a>
Descripción del código:
El atributo src en la etiqueta <img> se usa para definir la ruta de la imagen y el atributo alt se usa para definir la información de descripción de la imagen. Cuando la imagen es anormal y no se puede mostrar normalmente, la información en alt se mostrará. mostrarse.
El atributo href de la etiqueta <a> se usa para definir la dirección del enlace y el atributo de destino se usa para definir cómo se abre la nueva página en el navegador.
2. Atributos personalizados
Además de sus propios atributos, HTML también nos permite personalizar atributos. Aunque el navegador puede reconocer estos atributos, no agregan ningún efecto especial. Necesitamos usar CSS y JavaScript para procesar atributos personalizados y agregar estilos específicos a HTML. etiquetas o comportamiento.
2. Atributos HTML
● Los elementos HTML pueden establecer atributos.
●Los atributos pueden agregar información adicional a los elementos.
●Los atributos generalmente se describen en la etiqueta de apertura.
●Los atributos siempre aparecen en forma de pares de nombre/valor, por ejemplo: nombre=valor.
Resumen: Los elementos en HTML pueden proporcionar información adicional para los elementos HTML al establecer atributos que son características que pertenecen al elemento.
1. Atributos comunes
Los siguientes atributos se aplican a la mayoría de los elementos HTML.
(1) clase
Defina uno o más nombres de clase (classnames) para elementos html (los nombres de clase se introducen desde archivos de estilo)
El atributo de clase se puede utilizar varias veces, es decir, clase = nombre de clase1 nombre de clase2 nombre de clase3... (Se pueden completar varios atributos de clase entre comillas)
(2)identificación
Definir la identificación única del elemento.
El atributo de identificación solo se puede configurar individualmente, es decir, id = myid (solo se puede completar uno, varios no son válidos)
(3) estilo
Especificar el estilo en línea de un elemento
(4) título
Describe información adicional sobre el elemento (utilizado como barra de herramientas)
2. Valores de atributos de referencia de uso común de atributos HTML
Los valores de las propiedades siempre deben estar entre comillas.
Las comillas dobles son las más utilizadas, pero no hay problema en utilizar comillas simples.
Consejo: En algunos casos individuales, como cuando el valor del atributo en sí contiene comillas dobles, debes usar comillas simples, por ejemplo:
nombre = 'JohnShotGunNelson'
3. Consejo HTML: utilice atributos en minúsculas
Las propiedades y los valores de las propiedades no distinguen entre mayúsculas y minúsculas.
Sin embargo, el World Wide Web Consortium recomienda atributos/valores de atributos en minúsculas en sus recomendaciones HTML 4.
La nueva versión de (X)HTML requiere atributos en minúsculas.
4. Manual de referencia de atributos HTML
Vea la lista completa de atributos HTML: Lista de etiquetas HTML.
Los atributos que se aplican a la mayoría de los elementos HTML se enumeran a continuación: