Está en la página 1de 7

Diferencias:

HTML5 y HTML

Cristhian Paul Pangay Zambrano Aplicaciones


Telemáticas
Html
HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje
de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la
elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código
HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros.

Html5
Es la última versión del lenguaje en el que se escriben las páginas Webs y los blogs de Blogger, un lenguaje que sólo
con capaces de leer los últimos navegadores, ya que los que son más anticuados hay algunas etiquetas que no son
capaces de interpretar. En un blog el uso de HTML5 se realiza principalmente en las plantillas, es decir: nuestra
plantilla puede estar escrita en HTML4, o en HTML5, usando la versión 2 ó 3 de CSS. Sirve para integrar contenidos
multimedia, flash y para dar un sentido semántico a cada parte del blog o página Web .

<figure /> <meter /> <datalist /> <progress />

Podrás usarlo para Usado para representar Junto con el nuevo atributo list Representa una barra de proceso
asociar con un caption un medidas, por ejemplo el para los  de una tarea, por ejemplo
contenido incrustado, tamaño del disco usado. descargar.
como por ejemplo
gráficos o vídeo.
<dialog /> <canvas /> <input /> <output />

Elemento que permite Usado para mostrar Puede ser usado para crear Nos indica que tipo de salida
representar gráficos renderizados en combo boxes. vamos producir con nuestra
conversaciones. tiempo real, por ejemplo página.
gráficos, juegos, etc.
<m /> <commnad /> <event-sources /> Los elementos de entrada
<input /> dispondrán de una serie
Representa el texto Relacionado con los Puede ser usado para capturar de tipos
marcado comandos que el usuario eventos enviados desde (type) :datetime,datetime-
puede invocar. servidor. local,date,month,time,n
umberrangeemail,url
<footer /> <datagrid /> <article /> <section />

Parece que me han leído Ideal para mostrar un Ideal para blogs o periódicos Elemento que indica que se trata
la mente o quizás leyeron árbol de datos o una tabla de una sección genérica.
este post. Sección dela tabulada.
página para contener
información sobre el
autor, copyright, etc.
<header /> <details /> <aside /> <audio /> y <video />

Representa a la sección Muestra información Representa un trozo de Para el contenido multimedia.


de cabecera adicionar si el usuario lo contenido que se relaciona muy
demanda. levemente con el resto del
contenido.
<nav /> <time />

Representa la sección de Usado para mostrar


la página orientada a la fechas y/o tiempo.
navegación.
Nuevos Elementos
Nuevos api’s:

 Geolocalization  Aplication Cache

 Drag and drop  Web Workers

 Local Storage  SSE

Nuevos atributos

 media: Para conseguir una mayor consistencia con el link en los elementos <a />
 ping: Especificacremos una lista separada por espacios donde produciremos un ping cuando
se siga el enlace, para los elementos <area /> y <a />
 target:  Disponible para mejorar la consistencia con el elemento <a />.
 autofocus: Destinado para indicar el elemento <input /> (no hidden), <select />, <textarea />
o <button /> que ha de coger el foco al cargar la página.
 form: Atributo para <input />, <ouput />, <select /> <textarea />, <button /> y <fieldset />
que permite que se sococien con un simple formulario.
 replace: atributo para <input /&gt; <button /> y <form /> que le afectará cuando el
contenido del elemento sofra algún cambio.
 data: Para <form />, <select /&gt; y <datalist />.
 required: Para elementos <input /> (Excepto hidden e image) y <textarea />, indica que el
campo es obligatorio.
 inputmode: Atributo para <input /> y <textarea />.
 disabled: Para <fieldset />, permite desactivar el fieldset completo.
 autocomplete, min, max, pattern, step: Para elementos <input /> permite delimitar las
posibilidades de nuestros elementos de entrada.
 list: Para elementos <datalist /> y <select />.
 template: Para <input /> y <button /> podrá usarse para repetir templates.
 scoped: Para elemento <style />, permitirá usar hojas de estilo “scoped” ??
 async: Para el elemento <script /> el ajax hecho atributo.

Atributos globales

 Aparte de los ya existentes: class, dir, id, lang y title.


 contenteditable: indica que se trata de una área editable.
 contextmenu: Puede ser usado como punto de menú contexctual proporcionado por el
usuario.
 draggable: indica que se trata de un elemento draggable.
 tabindex: indica la posición numérica a la que llegaremos pulsando la tecla TAB.
 irrelevant: atributo que indica que el contenido no es relevante.
 repeat, repeat-start, repeat-min, repeat-max: atributos referentes a las iteraciones.

Elementos Cambiados

 Estos elementos de HTML5 son imcompatibles con HTML.


 El elemento <a /> sin href ahora creará un enlace al sitio.
 El elemento <address /> es ahora un nuevo concepto de sección.

 El elemento <b /> ahora representa un trozo de texto a ser estilizado sin ninguna
importancia.
 Para elementos <label /> el navegador no debe mover el foco desde la etiqueta al control a
menos que el comportamiento sea estandar para el interfaz utilizado en la plataforma.
 <menu /> ha sido redefinido para ser usado con los actuales menús.
 El elemento <small /> ahora representa una impresión pequeña.

 El elemento <strong /> definitivamente representa el enfasis puesto en trozo de nuestro texto.

Elementos eliminados

En la nueva versión, algunos de los elementos anteriormente desaprovados pasan a ser


eliminados definivamente.

 acronym  font  noscript (solo en


 applet  frame XHTML5)
 basefont  frameset  s
 big  isindex  strike
 center  noframes  tt
 dir  u

Atributos eliminados

Al igual que los elementos los atributos tambien pasarán a mejor vida.

 rev y charset en <link /> y <a />


 target en <link />
 nohref en <area />
 profile en <head />
 version en <html />
 name en <map />
 scheme en <meta />
 archive, classid, codetype, declare y standby en <object />
 valuetype en <param />
 charset en <script />
 summary en <table />
 header, axis y abbr en <td /> y <th />
DIFERENCIA DE ESTRUCTURA
 Diferencia en la estructura

También podría gustarte