HTML5 tiene solo un tipo de documento simple :<!DOCTYPE html> , lo que significa que el navegador lo analizará según el modo estándar.
Ahora puedes usar charset en metaetiquetas: <meta charset=utf-8″ />
<enlace rel=hoja de estilo href=ruta/a/hoja de estilo.css /><script src=ruta/a/script.js></script>Nuevas etiquetas más semánticas
Por ejemplo: <artículo>, <sección>, <aparte>, <grupoh>, <encabezado>,<pie de página>, <nav>, <hora>, <marca>, <figura> y <figcaption>, etc.
Vídeo y audio<video width=640 height=320 preload=auto poster=0.jpg controles> <source src=movie.ogg type=video/ogg /> <source src=movie.mp4 type=video/mp4 /> Su navegador no admite la etiqueta de vídeo.</video>Mejora de formulario
Nuevos tipos de entrada: color, correo electrónico, fecha, mes, semana, hora, fechahora, fechahora local, número, rango, búsqueda, teléfono y URL
Nuevas propiedades: obligatorio, enfoque automático, patrón, lista, autocompletar y marcador de posición
Nuevos elementos: <keygen>, <datalist>, <output>, <meter> y <progress>
La etiqueta del lienzo dibuja gráficos 2D.
var lienzo = document.getElementById('canvas');var contexto = lienzo.getContext('2d');context.beginPath();context.moveTo(100,100);context.lineTo(300,300);context.lineTo(100,500) ;context.lineWidth = 5;context.strokeStyle = rojo;context.stroke(); Adquisición de ubicación geográfica semántica HTML 1. ¿Qué es la semántica HTML?Determine la semántica del contenido a través de etiquetas, por ejemplo, determine que el contenido es un título según la etiqueta h1, determine que el contenido es un párrafo según la etiqueta <p>, determine que la etiqueta <input> es un cuadro de entrada, etc.
2. ¿Por qué semántica?1). Cuando el estilo se elimina o se pierde, la página puede presentar una estructura clara.
2) Conveniente para el análisis de otros dispositivos (como lectores de pantalla, lectores ciegos, dispositivos móviles) para representar páginas web de manera significativa.
3). Propicio para el SEO.
4). Es conveniente para el desarrollo y mantenimiento del equipo y sigue los estándares del W3C para reducir la diferenciación.
3. ¿Cómo determinar si sus etiquetas son semánticamente correctas?Elimine los estilos y vea si la estructura de la página web está bien organizada y aún tiene buena legibilidad.
4. Módulos de etiquetas semánticas comunesforma
<form action= método=> <fieldset style=border: none> <legend style=display: none>Formulario de inicio de sesión</legend> <p><label for=name>Cuenta:</label><input type=id de texto =nombre></p> <p><label for=pw>Contraseña:</label><tipo de entrada=id de contraseña=pw></p> <tipo de entrada=enviar nombre=Clase de inicio de sesión=subBtn> </fieldset></form>
Los campos del formulario deben estar envueltos con etiquetas de conjunto de campos y la etiqueta de leyenda debe usarse para describir el propósito del formulario. El texto de descripción correspondiente a cada etiqueta de entrada debe usar la etiqueta de etiqueta y la descripción debe realizarse configurando la identificación; El atributo para la entrada y la configuración para = someld en la etiqueta de texto están asociados con la entrada correspondiente.
5. Algunas cuestiones a las que se debe prestar atención al utilizar etiquetas semánticasUtilice la menor cantidad posible de etiquetas no semánticas div y span;
Cuando la semántica no es obvia, puede usar div o p. Intente usar p, porque p tiene espaciado superior e inferior de forma predeterminada, lo cual es beneficioso para la compatibilidad con terminales especiales;
No utilice etiquetas de estilo puro, como: b, fuente, u, etc., utilice la configuración css en su lugar.
El texto que debe enfatizarse se puede incluir en la etiqueta fuerte o em. El estilo predeterminado de fuerte es negrita (no use b) y em es cursiva (no use i).
ResumirLo anterior es la etiqueta semántica de la nueva función HTML5 que le presentó el editor. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje y el editor le responderá a tiempo. ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!