SlideShare una empresa de Scribd logo
1 de 17
HTML5
HTML5, la última versión del hypertext markup language (html), es la
versión más radical del lenguaje a la fecha. esta presenta muchos
recursos nuevos en una variedad de áreas.
ALGUNAS DE LAS ADICIONES MÁS NOTABLES INCLUYEN:
 Etiquetas integradas multimedia para audio y video.
 Un bastidor para dibujar contenido en el navegador.
 Formatos más inteligentes que le permiten hacer cosas como
validación mediante el uso de un atributo requerido.
LAS ETIQUETAS NUEVAS IMPORTANTES DE HTML5.
 <video> Inserta video sin necesidad de plugins. Es muy fácil usarla,
pero cada navegador soporta codecs diferentes de video, lo que
hace necesario recodificar un video en múltiples codecs.
 <audio> Lo mismo que video, pero sin video. Puede usar múltiples
formatos, en especial mp3, pero también depende del navegador.
 <input *> Input ya existía como la etiqueta para insertar cajas de
texto y botones. Ahora es más poderosa, con la capacidad de
insertar cajas tipo “email” que se auto validan, calendarios tipo
“date”, sliders, números, entre otras.
 <canvas>Un área de dibujo vectorial y de bitmaps con Javascript.
Es un API de dibujo entero para Javascript.
 <svg>Una etiqueta, igual que <img>, para insertar dibujos y
animaciones vectoriales al estilo de Flash. Todo basado en el
estándar abierto SVG (Scalable Vector Graphics), derivado de XML.
NUEVAS ETIQUETAS DE HTML5
 <DOCTYPE html> Dentro del marco de nuestro manual de HTML y
en líneas generales, podemos decir que el DOCTYPE es una
declaración del estándar usado al construir un documento HTML o
XHTML.
<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.
 <nav> La etiqueta <nav> define una sección de enlaces de navegación.
No todos los enlaces de un documento debe estar en un elemento <nav>.
El elemento <nav> está destinado sólo a grandes bloques de vínculos de
navegación.
 <section> se utilizan para encerrar el código correspondiente a una
sección genérica dentro de un documento o aplicación. Normalmente, un
bloque de texto al que perfectamente le podríamos colocar un título o
encabezado. Además, todo el contenido que engloba ha de guardar cierta
relación entre sí.
 <article> Esta etiqueta será usada para representar un contenido
específico de nuestra web. Puede representar un artículo, ya sea un
artículo de opinión, un entrada en un blog, un comentario en un foro,
una noticia, una descarga, o simplemente un contenido estático de una
web.
 <aside> Representa una sección de una página que consiste en
contenido que está tangencialmente relacionado con el contenido que le
rodea, que podría ser considerado independiente de ese contenido.
 <footer> Representa el pie de un documento o sección. La
información que se suele añadir en este bloque es el autor del
documento, enlaces a contenido relacionado, información de
copyright, avisos legales, etc.
DIFERENCIA ENTRE HTML Y HTML5
 HTML se escribe en forma de «etiquetas», rodeadas por corchetes
angulares (<,>). HTML también puede describir, hasta un cierto
punto, la apariencia de un documento.
 Cada atributo y contenido tiene ciertas restricciones para que se
considere válido al documento HTML.
 Todas las variantes de HTML abren las instrucciones con <> y los
cierran con </>. por ejemplo, <p>text</p>
 HTML5 establece una serie de nuevos elementos y atributos que
reflejan el uso típico de los sitios web modernos.
El HTML5 introduce nuevas formas de escribir código, así que la
sintaxis entre ellos puede variar ligeramente.
VENTAJAS
 Trabajar off-line nueva característica de HTML 5.
 HTML5 dará la posibilidad de que la descarga de páginas web sea
más rápida.
 HTML5 mejora la búsqueda semántica en Internet.
 No pertenece a nadie por tanto es fácil de obtener.
 Es mas practico y tiene etiquetas que permiten clasificar y ordenar
en distintos niveles y estructuras el contenido.
 Permite realizar diseños adaptables a distintos dispositivos (web,
tablets, móviles…)
DESVENTAJAS
 La herramienta HTML5 de desarrollan aplicaciones móviles de
multiplataforma siguiendo el modelo. Después de cierto tiempo, los
usuarios necesitan cambios para que funcione.
 A veces, lleva tiempo tener listas las aplicaciones móviles debido a
que los desarrolladores tienen que escribir código para cada
plataforma.

Más contenido relacionado

La actualidad más candente

Static and Dynamic webpage
Static and Dynamic webpageStatic and Dynamic webpage
Static and Dynamic webpageAishwarya Pallai
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Paradigma Digital
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTMLAjay Khatri
 
Web automation using selenium.ppt
Web automation using selenium.pptWeb automation using selenium.ppt
Web automation using selenium.pptAna Sarbescu
 
Data driven Automation Framework with Selenium
Data driven Automation Framework with Selenium Data driven Automation Framework with Selenium
Data driven Automation Framework with Selenium Edureka!
 
Confie no seu pipeline: Teste automaticamente um aplicativo Java de ponta a p...
Confie no seu pipeline: Teste automaticamente um aplicativo Java de ponta a p...Confie no seu pipeline: Teste automaticamente um aplicativo Java de ponta a p...
Confie no seu pipeline: Teste automaticamente um aplicativo Java de ponta a p...Elias Nogueira
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiTemitayo Fadojutimi
 
Introduction to SoapUI day 1
Introduction to SoapUI day 1Introduction to SoapUI day 1
Introduction to SoapUI day 1Qualitest
 
Websitebuilder
WebsitebuilderWebsitebuilder
Websitebuilderpremondo
 
Introduction to Web Hosting.
Introduction to Web Hosting.Introduction to Web Hosting.
Introduction to Web Hosting.Cloudbells.com
 
Web-Development-ppt.pptx
Web-Development-ppt.pptxWeb-Development-ppt.pptx
Web-Development-ppt.pptxAADITYADEVA
 
Strapi Meetup Presentation
Strapi Meetup PresentationStrapi Meetup Presentation
Strapi Meetup PresentationStrapi
 
Ejabberd with xmpp
Ejabberd with xmppEjabberd with xmpp
Ejabberd with xmppPrem Narain
 
Introdução a testes de software utilizando selenium
Introdução a testes de software utilizando seleniumIntrodução a testes de software utilizando selenium
Introdução a testes de software utilizando seleniumSandy Maciel
 

La actualidad más candente (20)

Static and Dynamic webpage
Static and Dynamic webpageStatic and Dynamic webpage
Static and Dynamic webpage
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Corso di HTML5 e CSS
Corso di HTML5 e CSSCorso di HTML5 e CSS
Corso di HTML5 e CSS
 
Web automation using selenium.ppt
Web automation using selenium.pptWeb automation using selenium.ppt
Web automation using selenium.ppt
 
Html
HtmlHtml
Html
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Menus y-submenus
Menus y-submenusMenus y-submenus
Menus y-submenus
 
Data driven Automation Framework with Selenium
Data driven Automation Framework with Selenium Data driven Automation Framework with Selenium
Data driven Automation Framework with Selenium
 
Confie no seu pipeline: Teste automaticamente um aplicativo Java de ponta a p...
Confie no seu pipeline: Teste automaticamente um aplicativo Java de ponta a p...Confie no seu pipeline: Teste automaticamente um aplicativo Java de ponta a p...
Confie no seu pipeline: Teste automaticamente um aplicativo Java de ponta a p...
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi
 
Introduction to SoapUI day 1
Introduction to SoapUI day 1Introduction to SoapUI day 1
Introduction to SoapUI day 1
 
Websitebuilder
WebsitebuilderWebsitebuilder
Websitebuilder
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
 
Introduction to Web Hosting.
Introduction to Web Hosting.Introduction to Web Hosting.
Introduction to Web Hosting.
 
Web-Development-ppt.pptx
Web-Development-ppt.pptxWeb-Development-ppt.pptx
Web-Development-ppt.pptx
 
Strapi Meetup Presentation
Strapi Meetup PresentationStrapi Meetup Presentation
Strapi Meetup Presentation
 
Lenguaje PHP
Lenguaje PHPLenguaje PHP
Lenguaje PHP
 
Ejabberd with xmpp
Ejabberd with xmppEjabberd with xmpp
Ejabberd with xmpp
 
Introdução a testes de software utilizando selenium
Introdução a testes de software utilizando seleniumIntrodução a testes de software utilizando selenium
Introdução a testes de software utilizando selenium
 

Similar a Html5 (20)

Html5
Html5Html5
Html5
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Html
HtmlHtml
Html
 
Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
 
Html
HtmlHtml
Html
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html
HtmlHtml
Html
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Html
HtmlHtml
Html
 
Html 5
Html 5Html 5
Html 5
 
HTML 5
HTML 5HTML 5
HTML 5
 
Html tarea
Html tareaHtml tarea
Html tarea
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Htlm
HtlmHtlm
Htlm
 
Curso HTML5
Curso HTML5Curso HTML5
Curso HTML5
 
Html
HtmlHtml
Html
 
Lenguaje html y sus usos
Lenguaje html y sus usosLenguaje html y sus usos
Lenguaje html y sus usos
 
Qué es una etiqueta html
Qué es una etiqueta htmlQué es una etiqueta html
Qué es una etiqueta html
 
Que son etiquetas de html daniela veliz
Que son etiquetas de html daniela velizQue son etiquetas de html daniela veliz
Que son etiquetas de html daniela veliz
 

Más de Ingrid Gonzalez

Comunicacion Empresarial
Comunicacion EmpresarialComunicacion Empresarial
Comunicacion EmpresarialIngrid Gonzalez
 
Imagen etiqueta y protocolo empresarial.
Imagen etiqueta y protocolo empresarial.Imagen etiqueta y protocolo empresarial.
Imagen etiqueta y protocolo empresarial.Ingrid Gonzalez
 
Comunicacion Empresasrial
Comunicacion EmpresasrialComunicacion Empresasrial
Comunicacion EmpresasrialIngrid Gonzalez
 
Smurfit kappa cartón de Colombia S.A
Smurfit kappa cartón de Colombia S.ASmurfit kappa cartón de Colombia S.A
Smurfit kappa cartón de Colombia S.AIngrid Gonzalez
 
Smurfit kappa cartón de Colombia S.A
Smurfit kappa cartón de Colombia S.ASmurfit kappa cartón de Colombia S.A
Smurfit kappa cartón de Colombia S.AIngrid Gonzalez
 

Más de Ingrid Gonzalez (9)

Comunicacion Empresarial
Comunicacion EmpresarialComunicacion Empresarial
Comunicacion Empresarial
 
Medios Tecnológicos.
Medios Tecnológicos.Medios Tecnológicos.
Medios Tecnológicos.
 
Imagen etiqueta y protocolo empresarial.
Imagen etiqueta y protocolo empresarial.Imagen etiqueta y protocolo empresarial.
Imagen etiqueta y protocolo empresarial.
 
Medios Tecnológicos
Medios Tecnológicos  Medios Tecnológicos
Medios Tecnológicos
 
Comunicacion Empresasrial
Comunicacion EmpresasrialComunicacion Empresasrial
Comunicacion Empresasrial
 
GRUPO NUTRESA
GRUPO NUTRESAGRUPO NUTRESA
GRUPO NUTRESA
 
Smurfit kappa cartón de Colombia S.A
Smurfit kappa cartón de Colombia S.ASmurfit kappa cartón de Colombia S.A
Smurfit kappa cartón de Colombia S.A
 
GRUPO NUTRESA
GRUPO NUTRESAGRUPO NUTRESA
GRUPO NUTRESA
 
Smurfit kappa cartón de Colombia S.A
Smurfit kappa cartón de Colombia S.ASmurfit kappa cartón de Colombia S.A
Smurfit kappa cartón de Colombia S.A
 

Último

TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 

Último (20)

TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 

Html5

  • 2. HTML5, la última versión del hypertext markup language (html), es la versión más radical del lenguaje a la fecha. esta presenta muchos recursos nuevos en una variedad de áreas.
  • 3. ALGUNAS DE LAS ADICIONES MÁS NOTABLES INCLUYEN:  Etiquetas integradas multimedia para audio y video.  Un bastidor para dibujar contenido en el navegador.
  • 4.  Formatos más inteligentes que le permiten hacer cosas como validación mediante el uso de un atributo requerido.
  • 5. LAS ETIQUETAS NUEVAS IMPORTANTES DE HTML5.  <video> Inserta video sin necesidad de plugins. Es muy fácil usarla, pero cada navegador soporta codecs diferentes de video, lo que hace necesario recodificar un video en múltiples codecs.
  • 6.  <audio> Lo mismo que video, pero sin video. Puede usar múltiples formatos, en especial mp3, pero también depende del navegador.  <input *> Input ya existía como la etiqueta para insertar cajas de texto y botones. Ahora es más poderosa, con la capacidad de insertar cajas tipo “email” que se auto validan, calendarios tipo “date”, sliders, números, entre otras.
  • 7.  <canvas>Un área de dibujo vectorial y de bitmaps con Javascript. Es un API de dibujo entero para Javascript.  <svg>Una etiqueta, igual que <img>, para insertar dibujos y animaciones vectoriales al estilo de Flash. Todo basado en el estándar abierto SVG (Scalable Vector Graphics), derivado de XML.
  • 8. NUEVAS ETIQUETAS DE HTML5  <DOCTYPE html> Dentro del marco de nuestro manual de HTML y en líneas generales, podemos decir que el DOCTYPE es una declaración del estándar usado al construir un documento HTML o XHTML. <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.
  • 9.  <nav> La etiqueta <nav> define una sección de enlaces de navegación. No todos los enlaces de un documento debe estar en un elemento <nav>. El elemento <nav> está destinado sólo a grandes bloques de vínculos de navegación.  <section> se utilizan para encerrar el código correspondiente a una sección genérica dentro de un documento o aplicación. Normalmente, un bloque de texto al que perfectamente le podríamos colocar un título o encabezado. Además, todo el contenido que engloba ha de guardar cierta relación entre sí.
  • 10.  <article> Esta etiqueta será usada para representar un contenido específico de nuestra web. Puede representar un artículo, ya sea un artículo de opinión, un entrada en un blog, un comentario en un foro, una noticia, una descarga, o simplemente un contenido estático de una web.  <aside> Representa una sección de una página que consiste en contenido que está tangencialmente relacionado con el contenido que le rodea, que podría ser considerado independiente de ese contenido.
  • 11.  <footer> Representa el pie de un documento o sección. La información que se suele añadir en este bloque es el autor del documento, enlaces a contenido relacionado, información de copyright, avisos legales, etc.
  • 12. DIFERENCIA ENTRE HTML Y HTML5  HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento.  Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML.  Todas las variantes de HTML abren las instrucciones con <> y los cierran con </>. por ejemplo, <p>text</p>
  • 13.  HTML5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos. El HTML5 introduce nuevas formas de escribir código, así que la sintaxis entre ellos puede variar ligeramente.
  • 14. VENTAJAS  Trabajar off-line nueva característica de HTML 5.  HTML5 dará la posibilidad de que la descarga de páginas web sea más rápida.
  • 15.  HTML5 mejora la búsqueda semántica en Internet.  No pertenece a nadie por tanto es fácil de obtener.
  • 16.  Es mas practico y tiene etiquetas que permiten clasificar y ordenar en distintos niveles y estructuras el contenido.  Permite realizar diseños adaptables a distintos dispositivos (web, tablets, móviles…)
  • 17. DESVENTAJAS  La herramienta HTML5 de desarrollan aplicaciones móviles de multiplataforma siguiendo el modelo. Después de cierto tiempo, los usuarios necesitan cambios para que funcione.  A veces, lleva tiempo tener listas las aplicaciones móviles debido a que los desarrolladores tienen que escribir código para cada plataforma.