aprendizaje HTML5 (14) elementos semánticos

HTML5 elementos semánticos

Semántica = significado

Los elementos significativos de elementos semánticos =

Lo que es elementos semánticos?

A los elementos semánticos pueden descripción clara de su importancia para el navegador y desarrolladores.

Sin semántica ejemplo elemento: <div> y <span> - sin tener en cuenta el contenido.

Semántica ejemplo elemento: <form>, <table> , y <img> - define claramente su contenido.

elemento <header> HTML5

<Header> elemento describe una zona de la cabeza de un documento

<Header> elemento se utiliza principalmente para introducir área de visualización de contenidos definidos.

En la página se puede utilizar el elemento <header> múltiple.

Ejemplos de dirección

HTML5 <nav> elemento

<VL> Etiqueta definida enlaces porción de navegación.

<Nav> se utiliza para definir los enlaces de navegación de páginas parte de la zona, pero no todos los enlaces que hay que incluir en la etiqueta <nav> elemento!

Ejemplos de dirección

elemento <sección> HTML5

<Sección> etiqueta define la sección del documento (sección, la sección). Tal como otros capítulos, encabezados, pies de página o documento.

De acuerdo con W3C HTML5 documento: sección contiene un conjunto de contenido y título.

Ejemplos de dirección

elemento <article> HTML5

<Artículo> define el contenido independiente. .

Ejemplos de dirección

HTML5 <aside> 元素

<Aparte> tag define el contenido de la zona principal distinta de la página de contenido (tal como la barra lateral).

Aparte etiqueta de contenido relevantes para el contenido que es el área principal.

Ejemplos de dirección

elemento <pie de página> HTML5

<Pie de página> describe la zona inferior del documento.

<Pie de página> elemento debe contener los elementos que contiene

Condiciones de uso de pie de página por lo general contiene el autor de un documento, la información de derechos de autor, enlaces, información de contacto, etc.

Documento Puede utilizar el elemento <pie de página> múltiple.

Ejemplos de dirección

HTML5 <figure> y <figcaption> elemento

<Figura> contenido de la pestaña corrientes separadas predeterminado (imágenes, diagramas, fotos, código, etc.).

elemento de contenido <figure> deben ser relevantes para el contenido principal, pero si se elimina, no es para hacer frente al impacto del flujo de documentos.

<Figcaption> etiqueta define el elemento de título <figure>.

elemento "figura" <figcaption> elemento debe ser colocado es la primera o la última posición de un elemento hijo.

Ejemplos de dirección

 

Supongo que te gusta

Origin www.cnblogs.com/1016391912pm/p/12602766.html
Recomendado
Clasificación