Comentario: Aunque HTML5 no subvierte por completo HTML4, también son un poco diferentes. Este artículo ha compilado algunas diferencias visibles. Simplemente domine algo primero, y no es demasiado tarde para estudiarlos cuidadosamente después de todo. Los amigos interesados no deben perderse.
HTML5 es la próxima versión del estándar HTML. Aunque HTML5 no subvierte por completo HTML4, también tienen algunas diferencias. Consulte la última y más completa información de comparación HTML5-HTML4, parece ser un poco más. En este mundo donde IE todavía existe, primero puedes dominar las diferencias en HTML5, y no es demasiado tarde para estudiarlo cuidadosamente después de todo el apoyo.
1. Sintaxis simplificada
HTML5 simplifica una gran cantidad de sintaxis sutil, como la declaración de Doctype, solo necesita escribir <! Doctype html>. HTML 5 especifica la codificación UTF-8 de la siguiente manera <Meta Charset = UTF-8>
2. <Canvas> La etiqueta reemplaza a Flash
Flash ha causado problemas para muchos desarrolladores web, y jugar Flash en una página web requiere un montón de código y complementos. La etiqueta <Canvas> permite a los desarrolladores interactuar con usuarios con UI siempre que usen una etiqueta.
3 Se agregaron muchas etiquetas nuevas
Un principio del diseño HTML5 es reflejar mejor la semántica del sitio web, por lo que se agregan etiquetas como <curebe> y <footer> para indicar claramente la estructura de la página web; Agregar <section> y <Artículo> etiquetas, <section> y <artículo> también son propicias para aclarar la estructura de la página web y más propicio para SEO; Agregar <menú> y <figura> etiquetas, <menen> se pueden usar para crear menús tradicionales, o a las barras de herramientas y menús de contexto. <figura> Las etiquetas hacen que el texto y las imágenes web sean más profesionales en el diseño; Se agregan nuevas etiquetas <udio> y <video>, estas dos etiquetas pueden ser las dos etiquetas más útiles en HTML5, y también son muy convenientes de usar. Por ejemplo, la incrustación de videos en páginas HTML5 solo requiere una pieza pequeña.
<controles de video>
<fuente src = "jamshed.mp4" type = "video/mp4">
Su navegador no admite la función de incrustación de video.
</video>
Del mismo modo, el audio y otras cosas son similares.
4. NUEVO FORMA
HTML5 ha realizado muchas modificaciones en las etiquetas <Form> y <FormInput>, agregó muchos atributos nuevos y modificado muchos atributos.
5. Elimine las etiquetas <b> y <font>, <cream>, <center>, <big> etiquetas
6.html5 admite diferentes tipos de tipos de almacenamiento
HTML5 admite el almacenamiento local y se implementó a través de cookies en versiones anteriores. El almacenamiento local HTML5 es rápido y seguro. Y HTML5 tiene dos objetos diferentes que se pueden usar para almacenar datos. HTML5 almacena y accede a datos a través de JS:
LocalStorage es adecuado para el almacenamiento de datos a largo plazo, y los datos no se perderán después de que se cierre el navegador.
SessionStorage es solo un almacenamiento de datos de sesión, y los datos almacenados se eliminan automáticamente después de que se cierra el navegador.
En general, HTML5 ha ido más allá del alcance de los idiomas de marcado, y más etiquetas semánticas harán que HTML5 sea más útil. Canvas+WebGL y otras tecnologías realizan capacidades de procesamiento de imágenes y gráficos sin complemento de animación y gráficos; El almacenamiento local puede realizar aplicaciones fuera de línea; WebSocket, cambiando el modelo de extracción pura de HTTP para realizar el sueño del impulso de datos; MATHML, SVG, etc., admite renders más ricos, etc. Ahora, la comprensión de HTML5 todavía está en la etapa de la superficie. En el futuro, leeré más libros HTML5 y agregaré algunas ideas.