Etiquetas principales de diseño en HTML
Para el encabezado del sitio se debe usar la etiqueta
header, para el pie de página - la etiqueta footer,
para la barra lateral - la etiqueta aside, para el contenido
- la etiqueta main. Veamos cómo
se verá el diseño de un sitio web escrito
usando estas etiquetas:
<div id="wrapper">
<header>
encabezado
</header>
<div id="container">
<aside>
barra lateral
</aside>
<main>
contenido
</main>
</div>
<footer>
pie de página
</footer>
</div>
Para el menú se debe usar la etiqueta nav:
<nav>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</nav>
Se da el siguiente código:
<div id="wrapper">
<div id="header">
<div id="menu">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</div>
<div id="container">
<div id="sidebar">
barra lateral
</div>
<div id="content">
contenido
</div>
</div>
<div id="footer">
pie de página
</div>
</div>
Convierta este código utilizando las etiquetas nuevas que ha estudiado.
