1. Realizado Por Kenny Rodelo Arroyo
Nuevas Etiquetas HTML5
HTML5, nace para mejorar y optimizar las características de sus antecedentes.
HTML4 y HTML5 son 100% compatibles entre sí. Todo el código que tienes en HTML normal
seguirá funcionando sin problemas en HTML5. Para empezar a usar HTML5 lo único que tienes
que hacer es colocar este DOCTYPE4 antes de la etiqueta <html>:
Estructura de las Nuevas Etiquetas
1. <!DOCTYPE html>
Es una declaración del estándar usado al construir un documento HTML o XHTML.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
Content of the document......
2. Realizado Por Kenny Rodelo Arroyo
</body>
</html>
2. <header>
Se encargan de indicar a los navegadores que lo que contienen es la cabecera de la
página y que dentro seguramente llevarán lo típico, algún logotipo, el título de la página,
quizás una descripción de la misma y poco más.
<article>
<header>
<h1>Internet Explorer 9</h1>
<p><time pubdate datetime="2011-03-15"></time></p>
</header>
<p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
the public on March 14, 2011 at 21:00 PDT.....</p>
</article>
Navegadores que lo soportan:
3. <hgroup>
Sirve para agrupar un conjunto de uno o más elementos de encabezado (h1-h6).
<hgroup>
<h1>Welcome to my WWF</h1>
<h2>For a living planet</h2>
3. Realizado Por Kenny Rodelo Arroyo
</hgroup>
<p>The rest of the content...</p>
Navegadores que lo soportan:
4. <nav>
El <nav> define un conjunto de vínculos de navegación.
<nav>
<a href="/html/">HTML</a>
<a href="/css/">CSS</a>
<a href="/js/">JavaScript</a>
<a href="/jquery/">jQuery</a>
</nav>
4. Realizado Por Kenny Rodelo Arroyo
Navegadores que lo soportan:
5. <section>
El <section> define las secciones de un documento, como capítulos, encabezados, pies
de página, o cualquier otra sección del documento.
<section>
<h1>WWF</h1>
<p>The World Wide Fund for Nature (WWF) is....</p>
</section>
5. Realizado Por Kenny Rodelo Arroyo
Navegadores que lo soportan:
6. <article>
El <article> especifica el contenido independiente, autónomo.
Un artículo debe tener sentido por sí mismo y que debería ser posible distribuir de forma
independiente del resto del sitio.
<article>
<h1>Google Chrome</h1>
<p>Google Chrome is a free, open-source web browser developed by Google,
released in 2008.</p>
</article>
Navegadores que lo soportan:
6. Realizado Por Kenny Rodelo Arroyo
7. <aside>
La <aside> etiqueta define un cierto contenido, aparte de los contenidos que se coloca
en (como una barra lateral).
El lado el contenido debe estar relacionado con el contenido circundante.
<p>My family and I visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
<p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>
Navegadores que lo soportan:
8. <footer>
El elemento <footer> especifica un pie de página de un documento o sección.
Un elemento <footer> debe contener información acerca de su elemento contenedor.
7. Realizado Por Kenny Rodelo Arroyo
<footer>
<p>Posted by: Hege Refsnes</p>
<p>Contact information: <a href="mailto:someone@example.com">
someone@example.com</a>.</p>
</footer>
Navegadores que lo soportan: