HTML5 es la próxima versión del estándar HTML. Aunque HTML5 no subvierte por completo HTML4, también tienen algunas diferencias. Para obtener la información de comparación HTML5-HTML4 más reciente y más completa, consulte http://dev.w3.org/html5/html4-differences/, que 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.
La copia del código es la siguiente:
<ancho de video = 450 altura = 340 controles>
<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.