Comentario: La estructura HTML es más clara y estandarizada, y aprenda la idea de la estructura de optimización HTML5. HTML5 ha agregado algunos elementos nuevos para identificar estructuras de uso común. HTML es más semántico, pero no podemos usarlo directamente, y tenemos que esperarlo durante diez u ocho años, incluso si es posible. Es como un micro formato, use clase en su lugar o haga clic en voluntad, use los nombres de identificación y clase para que su estructura sea más clara
La estructura HTML es más clara y estandarizada, y aprende la idea de la estructura de optimización HTML5.HTML5 ha agregado algunos elementos nuevos para identificar estructuras de uso común. HTML es más semántico, pero no podemos usarlo directamente, y tenemos que esperarlo durante diez u ocho años, incluso si es posible.
Es como micro formato, usando clase en su lugar, o haga clic a voluntad, usando ID y nombres de clases en su lugar, deja su estructura más clara, y puede promoverse en un estándar, lo que hace que la colaboración del equipo sea más suave.
Algunos nuevos marcadores estructurales
◎ Sección: Este puede ser un capítulo o sección en el libro, y en realidad puede ser cualquier cosa con su propio título en HTML4
◎ Encabezado: el encabezado que se muestra en la página; es diferente del elemento de la cabeza
◎ Furante: pie de página; puede mostrar firmas en correos electrónicos
◎ Nav: un conjunto de enlaces a otras páginas
◎ Artículo: un artículo en blog, revista, compilación de artículos, etc.
Algunos ejemplos
Estructura de documentos HTML5
<WEADER> ... </Arter>
<Al Nav> ... </am>
<Artículo>
<section> ... </section>
</artículo>
<Sparte> ... </s aparte>
<ToToTer> ... </foTer>
Estructura de documentos xhtml
<Divid = Header> Header </div>
<divid = nav> navs </div>
<divclass = artículo>
<DivClass = Sección> Sección </div>
</div>
<divid = aparte> aparte </div>
<divid = pie> footer </div>
Estructura de imágenes HTML5
<figuraD = fig2>
<Legend> Figura2.installMozillaxFormsDialog </legend>
<imgalt = awebsiteSeRequesting permiso para instalar TheOwLOWINGITEM: MozillaxForms0.7UNSIGNEDSRC = installDialog.jpg/>
</figura>
Estructura de imagen xhtml
<divclass = figura>
<H4class = Legend> Figura2.installMozillaxFormSDialog </h4>
<imgalt = awebsiteSeRequesting permiso para instalar TheOwLOWINGITEM: MozillaxForms0.7UNSIGNEDSRC = installDialog.jpg/>
</div>
Etiquetado html5
El elemento M significa que el texto está marcado, pero no tiene que enfatizarse. Piense en ello como una sección destacada en el libro.
Las páginas en caché de Google son un caso de uso típico. Si está vinculado a una copia en caché, el término de búsqueda está marcado. Por ejemplo, si busca Egret, la página de Google en caché podría verse así:
El gran <m> egret </m> (alsoknownStheamerican <m> egret </m>) isalarge whitewading bird encontrado en todo el mundo. El gran <m> egret </m> vuela con ritmo desacelerado. Egret </span> (alsoknownAsTheamerican <spanclass = m> egret </span>) isalarge whitewading pájaro encontrado en todo el mundo. El gran <spanclass = m> egret </span> vuela con ritmos rentables.