SlideShare una empresa de Scribd logo
1 de 7
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......
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>
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>
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>
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:
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.
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:

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Blog
BlogBlog
Blog
 
Introducción html5
Introducción html5Introducción html5
Introducción html5
 
Trabajo practico nº 4
Trabajo practico nº 4Trabajo practico nº 4
Trabajo practico nº 4
 
Html
HtmlHtml
Html
 
Herramientas colaborativas symbaloo
Herramientas colaborativas symbalooHerramientas colaborativas symbaloo
Herramientas colaborativas symbaloo
 
Construcción de una pagina web con html
Construcción de una pagina web con htmlConstrucción de una pagina web con html
Construcción de una pagina web con html
 
Free webs go
Free webs go  Free webs go
Free webs go
 
Tp3 jorge
Tp3 jorgeTp3 jorge
Tp3 jorge
 
Html explicacion grado 10
Html explicacion grado 10Html explicacion grado 10
Html explicacion grado 10
 
Trabajo practico nº 2
Trabajo practico nº 2Trabajo practico nº 2
Trabajo practico nº 2
 
Que es un blog
Que es un blogQue es un blog
Que es un blog
 
Taller 3 práctico grado 10
Taller 3 práctico grado 10Taller 3 práctico grado 10
Taller 3 práctico grado 10
 
Freewebs
FreewebsFreewebs
Freewebs
 
Taller practico 1 y 2 html
Taller practico 1 y 2 htmlTaller practico 1 y 2 html
Taller practico 1 y 2 html
 
Html5
Html5Html5
Html5
 
Tema 7 publicación de páginas web
Tema 7 publicación de páginas webTema 7 publicación de páginas web
Tema 7 publicación de páginas web
 
Trabajo practico 3 genaro grinblat
Trabajo practico 3 genaro grinblatTrabajo practico 3 genaro grinblat
Trabajo practico 3 genaro grinblat
 

Similar a Nuevas etiquetas html5 (20)

Semana 2 Arquitectura web y HTML 5
Semana 2   Arquitectura web y HTML 5Semana 2   Arquitectura web y HTML 5
Semana 2 Arquitectura web y HTML 5
 
Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5
 
Manual de html5_en_español
Manual de html5_en_españolManual de html5_en_español
Manual de html5_en_español
 
Manual de HTML5 en español
Manual de HTML5 en españolManual de HTML5 en español
Manual de HTML5 en español
 
5321
53215321
5321
 
Html5
Html5Html5
Html5
 
Manual html5
Manual html5Manual html5
Manual html5
 
curso html
curso htmlcurso html
curso html
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
FELIPE MASSONE MANUAL HTML5 ESPAÑOL
FELIPE MASSONE MANUAL HTML5 ESPAÑOLFELIPE MASSONE MANUAL HTML5 ESPAÑOL
FELIPE MASSONE MANUAL HTML5 ESPAÑOL
 
Archivo de-educacion
Archivo de-educacionArchivo de-educacion
Archivo de-educacion
 
Nuevo Html5 ..
Nuevo Html5 ..Nuevo Html5 ..
Nuevo Html5 ..
 
Articulo
ArticuloArticulo
Articulo
 
Html5
Html5Html5
Html5
 
HTML5 por Gustavo Vilchez
HTML5 por Gustavo VilchezHTML5 por Gustavo Vilchez
HTML5 por Gustavo Vilchez
 
Html 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la WebHtml 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la Web
 
html5
html5html5
html5
 
HTML5
HTML5HTML5
HTML5
 
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Todo sobre HTML5
 

Más de Ky Rodelo

Formato hoja de vida kenny
Formato hoja de vida kennyFormato hoja de vida kenny
Formato hoja de vida kennyKy Rodelo
 
Proyecto formativo
Proyecto formativo Proyecto formativo
Proyecto formativo Ky Rodelo
 
Mapa sinoptico
Mapa sinopticoMapa sinoptico
Mapa sinopticoKy Rodelo
 
Valores del sena
Valores del senaValores del sena
Valores del senaKy Rodelo
 
Himno del sena
Himno del senaHimno del sena
Himno del senaKy Rodelo
 
Casos completos
Casos completosCasos completos
Casos completosKy Rodelo
 

Más de Ky Rodelo (7)

Formato hoja de vida kenny
Formato hoja de vida kennyFormato hoja de vida kenny
Formato hoja de vida kenny
 
Proyecto formativo
Proyecto formativo Proyecto formativo
Proyecto formativo
 
Mapa sinoptico
Mapa sinopticoMapa sinoptico
Mapa sinoptico
 
Modelo FPI
Modelo FPIModelo FPI
Modelo FPI
 
Valores del sena
Valores del senaValores del sena
Valores del sena
 
Himno del sena
Himno del senaHimno del sena
Himno del sena
 
Casos completos
Casos completosCasos completos
Casos completos
 

Último

Determinación de espacios en la instalación
Determinación de espacios en la instalaciónDeterminación de espacios en la instalación
Determinación de espacios en la instalaciónQualityAdviceService
 
Tema ilustrado 9.2.docxbbbbbbbbbbbbbbbbbbb
Tema ilustrado 9.2.docxbbbbbbbbbbbbbbbbbbbTema ilustrado 9.2.docxbbbbbbbbbbbbbbbbbbb
Tema ilustrado 9.2.docxbbbbbbbbbbbbbbbbbbbantoniolfdez2006
 
ARMADURAS METODO NODOS.pptx......................
ARMADURAS METODO NODOS.pptx......................ARMADURAS METODO NODOS.pptx......................
ARMADURAS METODO NODOS.pptx......................Juan293605
 
Presentación de Redes de alcantarillado y agua potable
Presentación de Redes de alcantarillado y agua potablePresentación de Redes de alcantarillado y agua potable
Presentación de Redes de alcantarillado y agua potableFabricioMogroMantill
 
TRABAJO N°2 GERENCIA DE PROYECTOS (4).pdf
TRABAJO N°2 GERENCIA DE PROYECTOS (4).pdfTRABAJO N°2 GERENCIA DE PROYECTOS (4).pdf
TRABAJO N°2 GERENCIA DE PROYECTOS (4).pdfVladimirWashingtonOl
 
S3-OXIDOS-HIDROXIDOS-CARBONATOS (mineralogia)
S3-OXIDOS-HIDROXIDOS-CARBONATOS (mineralogia)S3-OXIDOS-HIDROXIDOS-CARBONATOS (mineralogia)
S3-OXIDOS-HIDROXIDOS-CARBONATOS (mineralogia)samuelsan933
 
Matrices Matemáticos universitario pptx
Matrices  Matemáticos universitario pptxMatrices  Matemáticos universitario pptx
Matrices Matemáticos universitario pptxNancyJulcasumaran
 
3er Informe Laboratorio Quimica General (2) (1).pdf
3er Informe Laboratorio Quimica General  (2) (1).pdf3er Informe Laboratorio Quimica General  (2) (1).pdf
3er Informe Laboratorio Quimica General (2) (1).pdfSantiagoRodriguez598818
 
sistema de CLORACIÓN DE AGUA POTABLE gst
sistema de CLORACIÓN DE AGUA POTABLE gstsistema de CLORACIÓN DE AGUA POTABLE gst
sistema de CLORACIÓN DE AGUA POTABLE gstDavidRojas870673
 
Manual deresolucion de ecuaciones por fracciones parciales.pdf
Manual deresolucion de ecuaciones por fracciones parciales.pdfManual deresolucion de ecuaciones por fracciones parciales.pdf
Manual deresolucion de ecuaciones por fracciones parciales.pdfgonzalo195211
 
Tippens fisica 7eDIAPOSITIVAS TIPENS Tippens_fisica_7e_diapositivas_33.ppt
Tippens fisica 7eDIAPOSITIVAS TIPENS Tippens_fisica_7e_diapositivas_33.pptTippens fisica 7eDIAPOSITIVAS TIPENS Tippens_fisica_7e_diapositivas_33.ppt
Tippens fisica 7eDIAPOSITIVAS TIPENS Tippens_fisica_7e_diapositivas_33.pptNombre Apellidos
 
libro de ingeniería de petróleos y operaciones
libro de ingeniería de petróleos y operacioneslibro de ingeniería de petróleos y operaciones
libro de ingeniería de petróleos y operacionesRamon Bartolozzi
 
5. MATERIALES petreos para concreto.pdf.
5. MATERIALES petreos para concreto.pdf.5. MATERIALES petreos para concreto.pdf.
5. MATERIALES petreos para concreto.pdf.davidtonconi
 
Video sustentación GA2- 240201528-AA3-EV01.pptx
Video sustentación GA2- 240201528-AA3-EV01.pptxVideo sustentación GA2- 240201528-AA3-EV01.pptx
Video sustentación GA2- 240201528-AA3-EV01.pptxcarlosEspaaGarcia
 
EFICIENCIA ENERGETICA-ISO50001_INTEC_2.pptx
EFICIENCIA ENERGETICA-ISO50001_INTEC_2.pptxEFICIENCIA ENERGETICA-ISO50001_INTEC_2.pptx
EFICIENCIA ENERGETICA-ISO50001_INTEC_2.pptxfranklingerardoloma
 
CAPACITACIÓN EN AGUA Y SANEAMIENTO EN ZONAS RURALES
CAPACITACIÓN EN AGUA Y SANEAMIENTO EN ZONAS RURALESCAPACITACIÓN EN AGUA Y SANEAMIENTO EN ZONAS RURALES
CAPACITACIÓN EN AGUA Y SANEAMIENTO EN ZONAS RURALESJHONJAIROVENTURASAUC
 
SESION 11 SUPERVISOR SSOMA SEGURIDAD Y SALUD OCUPACIONAL
SESION 11 SUPERVISOR SSOMA SEGURIDAD Y SALUD OCUPACIONALSESION 11 SUPERVISOR SSOMA SEGURIDAD Y SALUD OCUPACIONAL
SESION 11 SUPERVISOR SSOMA SEGURIDAD Y SALUD OCUPACIONALEdwinC23
 
ATS-FORMATO cara.pdf PARA TRABAJO SEGURO
ATS-FORMATO cara.pdf  PARA TRABAJO SEGUROATS-FORMATO cara.pdf  PARA TRABAJO SEGURO
ATS-FORMATO cara.pdf PARA TRABAJO SEGUROalejandrocrisostomo2
 
2. Cristaloquimica. ingenieria geologica
2. Cristaloquimica. ingenieria geologica2. Cristaloquimica. ingenieria geologica
2. Cristaloquimica. ingenieria geologicaJUDITHYEMELINHUARIPA
 
ESPECIFICACIONES TECNICAS COMPLEJO DEPORTIVO
ESPECIFICACIONES TECNICAS COMPLEJO DEPORTIVOESPECIFICACIONES TECNICAS COMPLEJO DEPORTIVO
ESPECIFICACIONES TECNICAS COMPLEJO DEPORTIVOeldermishti
 

Último (20)

Determinación de espacios en la instalación
Determinación de espacios en la instalaciónDeterminación de espacios en la instalación
Determinación de espacios en la instalación
 
Tema ilustrado 9.2.docxbbbbbbbbbbbbbbbbbbb
Tema ilustrado 9.2.docxbbbbbbbbbbbbbbbbbbbTema ilustrado 9.2.docxbbbbbbbbbbbbbbbbbbb
Tema ilustrado 9.2.docxbbbbbbbbbbbbbbbbbbb
 
ARMADURAS METODO NODOS.pptx......................
ARMADURAS METODO NODOS.pptx......................ARMADURAS METODO NODOS.pptx......................
ARMADURAS METODO NODOS.pptx......................
 
Presentación de Redes de alcantarillado y agua potable
Presentación de Redes de alcantarillado y agua potablePresentación de Redes de alcantarillado y agua potable
Presentación de Redes de alcantarillado y agua potable
 
TRABAJO N°2 GERENCIA DE PROYECTOS (4).pdf
TRABAJO N°2 GERENCIA DE PROYECTOS (4).pdfTRABAJO N°2 GERENCIA DE PROYECTOS (4).pdf
TRABAJO N°2 GERENCIA DE PROYECTOS (4).pdf
 
S3-OXIDOS-HIDROXIDOS-CARBONATOS (mineralogia)
S3-OXIDOS-HIDROXIDOS-CARBONATOS (mineralogia)S3-OXIDOS-HIDROXIDOS-CARBONATOS (mineralogia)
S3-OXIDOS-HIDROXIDOS-CARBONATOS (mineralogia)
 
Matrices Matemáticos universitario pptx
Matrices  Matemáticos universitario pptxMatrices  Matemáticos universitario pptx
Matrices Matemáticos universitario pptx
 
3er Informe Laboratorio Quimica General (2) (1).pdf
3er Informe Laboratorio Quimica General  (2) (1).pdf3er Informe Laboratorio Quimica General  (2) (1).pdf
3er Informe Laboratorio Quimica General (2) (1).pdf
 
sistema de CLORACIÓN DE AGUA POTABLE gst
sistema de CLORACIÓN DE AGUA POTABLE gstsistema de CLORACIÓN DE AGUA POTABLE gst
sistema de CLORACIÓN DE AGUA POTABLE gst
 
Manual deresolucion de ecuaciones por fracciones parciales.pdf
Manual deresolucion de ecuaciones por fracciones parciales.pdfManual deresolucion de ecuaciones por fracciones parciales.pdf
Manual deresolucion de ecuaciones por fracciones parciales.pdf
 
Tippens fisica 7eDIAPOSITIVAS TIPENS Tippens_fisica_7e_diapositivas_33.ppt
Tippens fisica 7eDIAPOSITIVAS TIPENS Tippens_fisica_7e_diapositivas_33.pptTippens fisica 7eDIAPOSITIVAS TIPENS Tippens_fisica_7e_diapositivas_33.ppt
Tippens fisica 7eDIAPOSITIVAS TIPENS Tippens_fisica_7e_diapositivas_33.ppt
 
libro de ingeniería de petróleos y operaciones
libro de ingeniería de petróleos y operacioneslibro de ingeniería de petróleos y operaciones
libro de ingeniería de petróleos y operaciones
 
5. MATERIALES petreos para concreto.pdf.
5. MATERIALES petreos para concreto.pdf.5. MATERIALES petreos para concreto.pdf.
5. MATERIALES petreos para concreto.pdf.
 
Video sustentación GA2- 240201528-AA3-EV01.pptx
Video sustentación GA2- 240201528-AA3-EV01.pptxVideo sustentación GA2- 240201528-AA3-EV01.pptx
Video sustentación GA2- 240201528-AA3-EV01.pptx
 
EFICIENCIA ENERGETICA-ISO50001_INTEC_2.pptx
EFICIENCIA ENERGETICA-ISO50001_INTEC_2.pptxEFICIENCIA ENERGETICA-ISO50001_INTEC_2.pptx
EFICIENCIA ENERGETICA-ISO50001_INTEC_2.pptx
 
CAPACITACIÓN EN AGUA Y SANEAMIENTO EN ZONAS RURALES
CAPACITACIÓN EN AGUA Y SANEAMIENTO EN ZONAS RURALESCAPACITACIÓN EN AGUA Y SANEAMIENTO EN ZONAS RURALES
CAPACITACIÓN EN AGUA Y SANEAMIENTO EN ZONAS RURALES
 
SESION 11 SUPERVISOR SSOMA SEGURIDAD Y SALUD OCUPACIONAL
SESION 11 SUPERVISOR SSOMA SEGURIDAD Y SALUD OCUPACIONALSESION 11 SUPERVISOR SSOMA SEGURIDAD Y SALUD OCUPACIONAL
SESION 11 SUPERVISOR SSOMA SEGURIDAD Y SALUD OCUPACIONAL
 
ATS-FORMATO cara.pdf PARA TRABAJO SEGURO
ATS-FORMATO cara.pdf  PARA TRABAJO SEGUROATS-FORMATO cara.pdf  PARA TRABAJO SEGURO
ATS-FORMATO cara.pdf PARA TRABAJO SEGURO
 
2. Cristaloquimica. ingenieria geologica
2. Cristaloquimica. ingenieria geologica2. Cristaloquimica. ingenieria geologica
2. Cristaloquimica. ingenieria geologica
 
ESPECIFICACIONES TECNICAS COMPLEJO DEPORTIVO
ESPECIFICACIONES TECNICAS COMPLEJO DEPORTIVOESPECIFICACIONES TECNICAS COMPLEJO DEPORTIVO
ESPECIFICACIONES TECNICAS COMPLEJO DEPORTIVO
 

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: