Etiquetas html5
Buenas
En este ejemplo de html mostrare y describire un conjunto de
etiquetas de html con las cuales se puede armar el cuerpo de una página web,
listando las etiquetas son:
·
<header>
·
<hgroup>
·
<nav>
·
<section>
·
<article>
·
<aside>
Describiendo cada una
<header> :
Como el nombre
lo dice esta etiqueta se utiliza para editar la cabecera de la pagina en la
cual se dispone.
<hgroup>
¿Ocupas
colocar múltiples títulos? Ocupas un <hgroup> el cual permite colocar un h1, h2 y h3 dentro del header sin
afectar el SEO, permitiendo usar otro h1 en el sitio.
<nav>
diseñado para
colocar la botonera de navegación principal.
<section>
Define un área
de contenido única dentro del sitio.
<article>
Define zonas
únicas de contenido independiente.
<aside>
Cualquier contenido
que no esté relacionado con el objetivo primario de la página va en un aside.
<footer>
Pie de página
y todo lo que lo compone.
Ahora mostrare un ejemplo utilizando las etiquetas nombradas
de html.
Aquí el código:
Nota: en el ejemplo se ocuparan las siguientes imagenes:
appletenhtmlfb.png
Nota: en el ejemplo se ocuparan las siguientes imagenes:
appletenhtmlfb.png
appletenhtmltwitter.png
<!doctype html><html><head><meta charset="utf-8"><title>Etiquetas html appletenhtml</title></head><body bgcolor="red"><!-- Cabecera:--><header><!-- Editando titulos:--><hgroup><h1>html</h1><h2>css</h2></hgroup></header><!-- Fin Cabecera--><!-- Cabecera:--><!-- nav:--><nav><ul>Menu</ul></nav><!-- Area de contenido:--><section><!-- Contenido:--><article>Empezando</article><article>Avanzado</article></section><!-- extras:--><aside><img src="appletenhtmlfb.png"></img><img src="appletenhtmltwitter.png"></img><br> last posts</aside><!-- Pie de pagina:--><footer>appletenhtml copyright 2014.</footer></body></html>
Comentarios
Publicar un comentario