La identificación se usa para identificar el elemento único en la página. El nombre de la identificación es un medio para controlar un determinado bloque de contenido. Al colocar un determinado bloque de contenido en un div y asignarle una identificación única, puede usar selectores CSS para. definir con precisión la apariencia de cada elemento de la página, incluidos títulos, listas, imágenes, enlaces o párrafos, etc. Por ejemplo, si escribe una regla CSS para #encabezado, puede ser completamente diferente de la regla de imagen en #contenido.
Los estilos de enlace en diferentes bloques de contenido se pueden definir mediante diferentes reglas. Algo como esto: #nav a:link o #main a:link o #footer a:link. También puedes definir diferentes estilos para los mismos elementos en diferentes bloques de contenido. Por ejemplo, defina los estilos de #main p y #sider p respectivamente a través de #main p y #sider p. Estructuralmente hablando, su página se compone de imágenes, enlaces, listas, párrafos, etc. Estos elementos en sí no afectan en qué dispositivo de red se muestran (PDA, teléfono móvil o TV por Internet). Se pueden definir como cualquier apariencia de rendimiento.
Una página HTML cuidadosamente estructurada es muy simple y cada elemento se utiliza con fines estructurales. Cuando desee sangrar un párrafo, no necesita usar la etiqueta blockquote. Simplemente use la etiqueta p y agregue una regla de sangría de texto CSS a p para lograr el propósito de sangría. p es una etiqueta estructurada y text-indent es un atributo de presentación. La primera pertenece a HTML y la segunda a CSS. (Esta es la legendaria separación de estructura y expresión)
Las páginas HTML bien estructuradas casi no tienen etiquetas de atributos. El código es muy limpio y conciso. Por ejemplo, el código original ahora solo se puede escribir en HTML, y todo lo que controla el rendimiento se escribe en CSS. En HTML estructurado, la tabla es una tabla, nada más (sin mencionar que no se puede usar para diseño y posicionamiento). ) ).
Por supuesto, los selectores CSS no son tan simples además de los identificadores y las clases, también hay selectores descendientes, selectores de atributos, etc.