Nuevas etiquetas html5
Descargar como DOCX, PDF0 recomendaciones505 vistas
Este documento describe las nuevas etiquetas HTML5 como <header>, <nav>, <section>, <article>, <aside> y <footer>. Explica brevemente el propósito de cada etiqueta y los navegadores que las soportan. HTML5 introduce nuevas etiquetas para mejorar la semántica y la estructura del contenido web.
Nuevas etiquetas html5
- 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: