Diferencias entre HTML 5 y HTML 4

August 31

Desde el lanzamiento de HTML 4 en 1997, la continua evolución de la Web ha dado lugar a una creciente diversidad y complejidad del ecosistema Web, que ha mostrado las limitaciones de la especificación HTML 4. HTML 5 ha llegado con nuevas características que aborden estos desafíos, algunos de los cuales incluyen marcado mejorado para documentos y nuevo vídeo y elementos de audio.

Características multimedia

Con HTML 4, los desarrolladores tuvieron que utilizar software de terceros, tales como Adobe Flash, para incorporar archivos de audio y vídeo en páginas HTML. En HTML 5, los desarrolladores pueden añadir directamente los archivos de audio y vídeo utilizando las nuevas especificaciones de vídeo sin necesidad de ningún software de terceros.

Descripción del contenido

HTML 4 está limitado en la descripción de datos. Streaming de aplicaciones ricas de Internet de audio y vídeo y no puede ser descrito con precisión el uso de HTML 4. HTML 5 ofrece a los desarrolladores una forma precisa de describir la estructura de los datos, lo que resulta en más de marcado semántico y formas precisas de los datos que atraviesan, ya sea para bases de datos o aplicaciones web.

Los nuevos atributos

HTML 5 introduce nuevos atributos de HTML ya 4 elementos existentes. Algunos atributos se han actualizado para convertirse en atributos globales, lo que significa que se pueden aplicar a todos los elementos. Estos incluyen la tecla de acceso, estilo, título y atributos lang. Los nuevos atributos globales incluyen contextual, que pueden arrastrarse, oculto, corrección ortográfica, zona de saltos y contenteditable.

Manipulación de formularios Web

Se requiere HTML 4 a los desarrolladores utilizar secuencias de comandos para validar los campos requeridos. O bien se tuvieron que utilizar secuencias de comandos pre-hechos o escribir su propio código de validación. En HTML 5, los elementos adicionales, tales como "necesaria" y "e-mail" atributos, comprobar automáticamente si el nombre de usuario válido y el formato de correo electrónico, sin necesidad de ningún script de validación adicional. El código siguiente muestra cómo utilizar HTML 5 para lograr esto:

<Form>

<Label> Mi Forma </ label>

<Label> [email protected] requerida tipo de correo electrónico = "text" />

</ Form>

La interacción del usuario

Con HTML 4, la aplicación de datos que cambian constantemente, por ejemplo una base de datos impulsada gráfico circular, no fue posible. HTML 5 viene con el elemento "<canvas>" que se aplica datos que cambian constantemente a una página Web y permite a los usuarios interactuar con él. Por ejemplo, los usuarios pueden hacer clic en diferentes secciones de un gráfico circular o de corregir ciertas partes de una página Web utilizando estas nuevas características interactivas.