¿Qué es html5?
html5 es un lenguaje de marcado de hipertexto nombrado por primera vez por WHATWG (Grupo de trabajo de tecnología de aplicaciones de hipertexto web) y luego combinado con xhtml2.0 (estándar) del W3C para producir la última generación de lenguaje de marcado. Puede entenderse simplemente como: HTML 5 ≈ HTML4.CSS3+JS+API.
¿Cuál es la diferencia entre hmtl5 y html?
Las páginas web estáticas que desarrollamos actualmente en el front-end web son generalmente HTML4.0. Al mismo tiempo, cumple con la especificación xhtml1.0 del W3C. ¿Cuáles son entonces las diferencias sustanciales entre ellos?
En la declaración de tipo de documento
Se puede ver en la comparación entre los dos: en la declaración del documento, html tiene un código largo y es difícil recordarlo. Código. Debe haber mucho. Las personas son creadas directamente por herramientas, ¿verdad? Pero html5 es diferente. Solo tiene declaraciones simples, que también son más fáciles de recordar y más simplificadas.
2. En términos de semántica estructural
html4.0: No hay etiquetas que reflejen la semántica estructural. Normalmente las nombramos así
Esto representa el. jefe del sitio web.
html5: Tiene grandes ventajas en semántica. Proporciona algunas etiquetas HTML5 nuevas, como:
3. Nuevas funciones potentes de HTML5
(1) Potente función de dibujo
Puede haber algunas animaciones, o imágenes, en HTML5 se puede realizar a través de la poderosa función de pintura y JS. Pero no funciona en html4.0.
En HTML5, hay dos cosas que se pueden dibujar. Veamos cuáles son las dos cosas mágicas.
1. Etiqueta de Canvas
Canvas dibuja gráficos 2D a través de JavaScript. Canvas representa píxel a píxel.
En el lienzo, una vez que se dibuja un gráfico, ya no llama la atención del navegador. Si su posición cambia, será necesario volver a dibujar toda la escena, incluidos los objetos que puedan haber sido cubiertos por gráficos.
2.SVG
SVG es un lenguaje que utiliza XML para describir gráficos 2D. SVG se basa en XML, lo que significa que todos los elementos del DOM de SVG están disponibles. Puede adjuntar un controlador de eventos de JavaScript a un elemento. En SVG, cada forma dibujada se trata como un objeto. Si las propiedades de un objeto SVG cambian, el navegador puede reproducir automáticamente el gráfico.
En comparación con otros formatos de imagen (como JPEG y GIF), las ventajas de usar SVG son:
(1) Las imágenes SVG se pueden crear y modificar a través de un editor de texto
p >
(2) Las imágenes SVG se pueden buscar, indexar, programar o comprimir
(3) SVG es escalable
(4) Las imágenes SVG se pueden usar en cualquier lugar impreso con alta calidad a la misma resolución
(5) SVG se puede ampliar sin reducir la calidad de la imagen
Entonces ambos se pueden usar para dibujar, hagámoslo juntos Eche un vistazo a las diferencias entre ellos:
Canvas
1. Depende de la resolución
2. No admite controladores de eventos
3. Texto débil capacidades de renderizado
4. Posibilidad de guardar imágenes de resultados en formato .png o .jpg
5. Ideal para juegos con uso intensivo de imágenes donde muchos objetos se volverán a dibujar con frecuencia
SVG
1. No depende de la resolución
2. Admite controladores de eventos
3. Más adecuado para aplicaciones con grandes áreas de renderizado (como Google Maps)
4. La alta complejidad ralentizará la velocidad de renderizado (cualquier aplicación que utilice excesivamente el DOM no es rápida)
5. No apto para aplicaciones de juegos
(2) ¿Agregar una nueva etiqueta de video?
Quizás en HTML4.0, si queremos insertar un video, también necesitamos citar una sección larga de código. Pero en el caso de html5. Solo necesitamos usarlo para una etiqueta de video.
¿Cuáles son los beneficios de proporcionar dicha etiqueta?
Primero: ahorrar tiempo a los programadores al escribir código.
Segundo: Creo que lo más importante es la optimización SEO.
Ya sea que le pongamos un nombre al módulo de la página web, todavía existe dicha etiqueta. Porque el propósito final de crear un sitio web es solo uno: ganar dinero. Si desea obtener ganancias, solo puede mejorar la clasificación de su sitio web a través de la tecnología de optimización SEO, para que su sitio web sea valioso, y es precisamente este punto el que cumple html5. ¿Por qué dices eso? Porque las etiquetas que definió son más propicias para la optimización y las arañas pueden identificarte.
Resumen: Aunque HTML5 salió hace unos años, no era popular en ese momento porque no era lo suficientemente maduro y no era el momento adecuado. En este momento en el que Internet se está desarrollando rápidamente, también se acerca la era del 4G. ¡Estaremos fuera si no aprendemos hml5+css3!