Estructura básica de HTML5
Estructura básica de HTML5.
HTML5 trajo nuevas etiquetas de maquetación
con las cuales se identifica de una mejor manera cada elemento por lo que “ya
no es necesario utilizar tantas cajas de contendió div por que ya existen
etiquetas para cada elemento.” (Sanchez, 2016), en la siguiente
imagen podemos ver a grandes rasgos la estructura de HTML5. Ahora podemos observar algunas nuevas
secciones, como <nav>, <article>, <encabezado>, y <pie de
página>.
La etiqueta <head>
normalmente contiene información que será utilizada por el <body> HTML
<etiquetas para crear la página HTML. Es una convención estándar para poner
las funciones de JavaScript, en el <head>, puede haber razones para poner
algún JavaScript en el <body>. Se dará un ejemplo según (arkaitzgarro, 2017)
Ejemplo de “estructura básica de HTML5”
<!DOCTYPE html>
<html>
<body>
<header>
<a href="/"><img src=logo.png alt="home"></a>
<hgroup>
<h1>Title</h1>
<h2 class="tagline">
A lot of effort went into making this effortless.
</h2>
</hgroup>
</header>
<nav>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">gallery</a></li>
<li><a href="#">about</a></li>
</ul>
</nav>
<section class="articles">
<article>
<time datetime="2009-10-22">October 22, 2009</time>
<h2>
<a href="#" title="link to this post">Travel
day</a>
</h2>
<div class="content">
Content goes here...
</div>
<section class="comments">
<p><a href="#">3 comments</a></p>
</section>
</article>
</section>
<aside>
<div class="related"></div>
<div class="related"></div>
<div class="related"></div>
</aside>
<footer>
<p>§</p>
<p>© 2013–9 <a href="#">Arkaitz
Garro</a></p>
</footer>
</body>
No hay comentarios:
Publicar un comentario