HTML5 y elementos de la página semánticas
HTML5 refuerza la noción de marcado semántico en la construcción de páginas web, lo que significa que las etiquetas describen el significado
Conteúdo
Cómo dar formato a los navegadores de texto en estas etiquetas varía desde cursiva estándar para el etiqueta para ningún formato que sea. Usar CSS para determinar exactamente cómo desea que aparezca el contenido. Tenga en cuenta que Firefox 3 es compatible con la mayoría de las etiquetas semánticas, pero hay que añadir bloqueo de pantalla en CSS para que el contenido aparece como se esperaba.
Etiquetas clave incluyen:
: Esto es información de contacto del autor de una página o sección y está destinado a ser utilizado tanto en el interior de todo el contenido de la página o en el interior de una sección o artículo para indicar el autor de esa sección. Otras etiquetas (especialmente anclas a las direcciones de correo electrónico o enlaces de la página) se pueden incrustar en la dirección. Por ejemplo:
10475 Crosspoint Blvd
Indianapolis, IN 46526La mayoría de los navegadores muestran direcciones como cursiva, pero esto no está garantizado. Usted puede dictar exactamente cómo aparece el contenido de la dirección con CSS.
: Un artículo es un subconjunto de una página. Utilizar el etiqueta para indicar el contenido que proviene de una fuente externa o de alguna manera es independiente de los principales contenidos de la página. Por lo general, los artículos se utilizan para marcar las secciones de la página que se trajo de algún tipo de sistema de agregación. Un ejemplo de la etiqueta en uso:
Dejavascript y AJAX para Dummies
De vez en cuando, una tecnología viene junto thatthreatens cambiarlo todo. AJAX es uno suchtechnology. En este libro, se aprende lo que todo el fussis y por qué AJAX es una cosa muy importante.
La mayoría de los artículos incluyen un enlace a la página original si el artículo es de un documento en línea. los etiqueta no importar datos desde una fuente externa, simplemente indica que la relación es externo.
: Esto indica un fragmento de la página que está relacionado con, pero independiente de la página principal. Aparte de texto es típicamente formateado como una barra lateral, como en este código:
: Se utiliza para representar el contenido de pie de página de una página, que normalmente contiene información sobre el autor de contacto (normalmente en un etiqueta). Código para un pie de página puede tener este aspecto:
Esta etiqueta se destina principalmente para reemplazar la "pie de página"> Idiom utilizado comúnmente en HTML 4 y XHTML.
: Principalmente se utiliza para especificar un encabezado de página, esta etiqueta sustituye a la "encabezamiento"> modismo utiliza con frecuencia en HTML 4 y XHTML. Muestra código: Este es mi cabecera
La cabecera contiene normalmente una h1 y otra información que pertenece en la cabecera visual de la página. No hay que confundir la
elemento (que es una sección visible de la página) con el elemento (que contiene los metadatos que el usuario no ve). También tenga en cuenta que la elemento no pretende sustituir el mediante elementos, pero por lo general los contiene. los
elemento también se puede utilizar dentro de una sección o artículo para indicar que una h1 dentro de ese elemento es un nivel uno en dirección al elemento, no para la página. Esto es útil porque una página debe tener un solo nivel, uno de los elementos. Muchas páginas están construidos por los agregadores o sistemas de gestión de contenidos, por lo que cada artículo y sección pueden tener un nivel y un rumbo sin entrar en conflicto con el encabezado principal de la página. : Utilice esta opción para combinar un título y una o varias subpartidas en un grupo. La estructura normal rubro está destinado a servir como un esquema para la página. El uso de un h1 partida con un h2 inmediato como un subtítulo interfiere con las funciones que describen. Usted puede poner varias partidas en un hgroup, y sólo el encabezado inicial es considerado por herramientas automáticas que describen, como en el siguiente:
Historia del mundo
(sin todas las cosas asqueroso)
: Con la asociada
elemento, esta etiqueta le ayuda a añadir varios tipos de sistemas de menú. Por ejemplo: los etiqueta es compatible con una escribe atributo que indica el comportamiento del menú:
lista: Presentar los comandos al igual que una lista.
contexto: Se espera que actúe como un menú emergente cuando el usuario correcto; hace clic en un elemento.
barra de herramientas: Presenta los comandos como una barra de herramientas.
los menú elemento tiene un significado completamente diferente en HTML5 que lo hizo en HTML 4, donde se trataba de un tipo de lista.
: Lo que indica una parte de la página reservada para la página de navegación, esta etiqueta sustituye a la "nav"> modismo utiliza con frecuencia en HTML 4 y XHTML. Codigo de muestra:
: Indica una división de una página o un artículo- Una página puede dividirse en numerosas secciones. Está pensado para ser más específico que el etiqueta utilizada actualmente en HTML 4 y XHTML. Sin embargo, los navegadores modernos ofrecen poco apoyo a la etiqueta, por lo que el uso de la o etiqueta tiene sentido hasta patadas de apoyo en. Muestra lt;sección> código:
Sección 1
Sección cuerpo ...