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

de la sección en el contexto de la página y no cómo la página se ve.

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 46526

    La 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:

  • un enlace
  • b enlace
  • enlace c
  • enlace d
  • vínculo de correo
  • : 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 ...




    » » » » HTML5 y elementos de la página semánticas