Diferencia entre HTML4 y HTML5

Diferencia entre HTML4 y HTML5

Un cambio que ahora estamos viviendo es el nacimiento de HTML5, una nueva revisión del estándar que mueve Internet y hace posible que ahora estemos interactuando (los usuarios que leen la página).

El término HTML posee una sintaxis compatible con HTML4 y XHTML1 publicados en la red, pero no compatible con las características más esotéricas del SGML de HTML4.

HTML5 define detalladas reglas de parse, incluyendo un control de errores, para que esta sintaxis sea compatible con las implementaciones más populares. Los agentes de usuario seguirás las mismas reglas que para los que actualmente tienen text/html.

La otra sintaxis que se puede utilizar para HTML5 es el llamado XHTML5, que no es más que una sintaxis compatible con XML y documentos correctos en XHTML1.

El nuevo HTML5 requiere el elemento DOCTYPE que debe ser declarado al principio de la página, de esta forma nos aseguramos de que el navegador renderiza la página en modo estándar. En cambio para la versión XHTML5 este elemento es opcional debido a que XML actúa de diferente manera dentro de nuestro navegador.

Nuevos atributos

HTML 5 ha introducido una gran cantidad de nuevos elementos para varios elementos de los que ya disponemos en la HTML4.

• 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 HTML4.

• 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.