-
Diferencias entre HTML 5 y HTML 4
-
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>
<Input name = "HTML 5" requerido type = "tipo" />
<Label> [email protected] requerida tipo de correo electrónico = "text" />
<Input name = "submit" type = "submit" value = "submit" />
</ 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.