Cambios en la era web y la diferencia entre HTML5 y HTML4

HTML5 es la próxima versión del estándar HTML. Cada vez más programadores comienzan a crear sitios web en HTML5. Si usa HTML4 y HTML5, encontrará que el edificio desde cero con HTML5 es mucho más conveniente que migrar de HTML4 a HTML5. Aunque HTML5 no subvierte por completo HTML4, todavía tienen muchas similitudes, pero también tienen algunas diferencias clave en HTML5 la próxima versión del estándar HTML. Cada vez más programadores comienzan a crear sitios web en HTML5. Si usa HTML4 y HTML5, encontrará que el edificio desde cero con HTML5 es mucho más conveniente que migrar de HTML4 a HTML5. Aunque HTML5 no subvierte por completo HTML4, todavía tienen muchas similitudes, pero también tienen algunas diferencias clave. A continuación, aprendamos la diferencia entre HTML5 y HTML4 a través de este artículo

Nuevas etiquetas de estructura para HTML5

En las páginas HTML anteriores, todos utilizaron básicamente el método de diseño DIV+CSS. Cuando los motores de búsqueda rastrean el contenido de la página, solo pueden adivinar que el contenido en uno de su DIV es un contenedor de contenido de artículo, un contenedor de módulo de navegación o un contenedor introducido por el autor, etc. En otras palabras, toda la estructura del documento HTML no está clara. Para resolver este problema, HTML5 agregó etiquetas de elementos estructurales especialmente relacionados con estructura como encabezado, pie de página, navegación, contenido de artículo, etc.

Antes de hablar sobre estas nuevas etiquetas, veamos primero el diseño de una página ordinaria:

En la imagen de arriba, podemos ver muy claramente que una página ordinaria tendrá encabezado, navegación, contenido del artículo, barra derecha adjunta, abajo y otros módulos. Lo distinguimos a través de la clase y la procesamos a través de diferentes estilos de CSS. Pero relativamente hablando, la clase no es una especificación estándar común. Los motores de búsqueda solo pueden adivinar las funciones de una determinada parte. Además, si este programa de página se entrega a personas con discapacidad visual para leer, la estructura y el contenido del documento no serán muy claros. El nuevo diseño traído por la nueva etiqueta HTML5 es la siguiente situación:

Los estándares de la generación anterior de HTML: HTML 4.01 y XHTML 1.0 se han lanzado hace más de 10 años hoy, y las aplicaciones en el lado web también han cambiado drásticamente. Además, no existe un estándar de Internet unificado y común en el front-end web, y hay demasiada incompatibilidad entre los navegadores, lo que pierde demasiado tiempo manteniendo la compatibilidad de estos navegadores. Otra cosa es que las operaciones multimedia anteriores, las animaciones, etc. requieren el soporte de complementos de terceros, lo que crea el problema de la compatibilidad de múltiples plataformas. Todo esto se convertirá en un estándar en HTML5, que resuelve fundamentalmente las diferencias en los navegadores y los problemas de algunos complementos de terceros, lo que hace que las aplicaciones web sean más estándar, más versátiles e independientes del dispositivo.

Desde que H5 salió oficialmente en 2010, ha sido bienvenido y apoyado por los principales navegadores. En la actualidad, la industria se está moviendo hacia H5, y la era de H5 llegará pronto.

HTML5 no es un cambio revolucionario, sino de desarrollo. Además, muchos de los estándares HTML4 anteriores eran compatibles, y todas las aplicaciones web realizadas a través de los últimos estándares HTML5 también se pueden ejecutar fácilmente en navegadores antiguos. El estándar HTML5 integra muchas funciones prácticas, como audio y video, almacenamiento local, comunicación de socket, animación, etc., que se consideraron y actualizaron en el desarrollo anterior de aplicaciones. Creo que si tienes una experiencia relevante, te conmoverás.

El objetivo de HTML5 es: proporciona estándares para desarrollar aplicaciones web generales más simples, independientes y estándar a través de algunas etiquetas nuevas y nuevas características.

El nuevo estándar resuelve tres problemas principales: los problemas de compatibilidad del navegador, resuelve el problema de la estructura de documentos poco clara y resuelve problemas como funciones limitadas de aplicaciones web.

1. Se cancelaron algunas etiquetas HTML4 anticuadas

Estos incluyen marcadores que muestran efectos puramente, como <font> y <center>, que han sido completamente reemplazados por CSS.

Otras propiedades canceladas: acrónimo, applet, baseFont, big, centro, dir, fuente, marco, frameset, isIdex, noframes, strike, tt.

2. Agregado algunos elementos nuevos

Por ejemplo: etiquetas de formulario más inteligentes: fecha, correo electrónico, url, etc.; Etiquetas más razonables: sección, video, progreso, NAV, medidor, tiempo, aparte, lienzo, etc.

3. Nuevo atributo global: contentable DesignMode Hidden Spell Checkceck Tabindex

4. Método de marcado: solo hay un tipo de declaración de tipo de archivo (<! Doctype>): <! DocType Html>.

Especificar la codificación de caracteres <meta charset = utf-8>

5. Nueva API JS

6. Asegúrese de compatibilidad

Los elementos de la etiqueta se pueden omitir

No se permiten marcas finales: como la base del área BR

Se puede omitir la marca final: como Li DT

Se pueden omitir todas las etiquetas: como HTML Head