Galería de mapas mentales HTML5
Un breve resumen del conocimiento básico de HTML5, incluidas nuevas etiquetas estructurales, nuevas etiquetas multimedia, nuevas etiquetas de aplicaciones web, otras etiquetas nuevas, etiquetas eliminadas, etiquetas redefinidas, nuevos controles de entrada, etc., para que quede claro para los lectores, claro en un vistazo.
Editado a las 2021-07-18 21:53:48,Resumen de conocimientos HTML5
etiqueta de tipo de documento
<!DOCTYPE html>
Definición de tipo de documento (DTD)
Agregar etiqueta de estructura
<encabezado>
<grupoh>
<pie de página>
<nav>
<sección>
<aparte>
<artículo>
<figura> y <figcaption>
<diálogo>
<dirección>
Agregar etiqueta multimedia
<vídeo>
<audio>
<fuente>
<lienzo>
<incrustar>
Etiqueta de aplicación web agregada
etiqueta de estado
<metro>
<progreso>
etiqueta de lista
<lista de datos>
<detalles> y <resumen>
Menú
<menú>
<elemento del menú>
<comando>
Otras etiquetas nuevas
etiqueta de anotación
<rubí>
<rp>
<rt>
<marca>
<salida>
<generador de claves>
<hora>
etiquetas eliminadas
elementos puramente expresivos
<fuente base>
<grande>
<centro>
<fuente>
<s>
<huelga>
<tt>
<u>
resultando en disponibilidad elementos de impacto negativo
<marco>
<conjunto de marcos>
<sin marcos>
elementos confusos
<acrónimo>
<subprograma>
<isíndice>
<dir>
Redefinir etiquetas
<b>
<i>
<dd>
<dt>
<hora>
<menú>
<pequeño>
<fuerte>
Nuevos controles de entrada
correo electrónico
URL
número
teléfono
rango
buscar
color
recolectores de fechas
fecha
mes
semana
tiempo
fechahora y fechahora-local
Nuevas características del formulario
autocompletar
enfoque automático
múltiple
marcador de posición
requerido
lista y lista de datos
patrón
formación
validación de formulario
objeto de validez
evento no válido
Validación personalizada: setCustomValidity()
Desactivar validación: formnovalidate
Otras características nuevas
nuevo selector
consultaSelector(selector)
consultaSelectorTodos(selector)
getElementsByClassName(nombredeclase)
Obtener atributos de lista de clases
elem.listadeclases
elem.classList.longitud
elemento..classList.add()
elemento..classList.remove()
elem.classList.toggle()
Nuevos métodos para JSON
JSON.parse()
JSON.stringify()
datosdatos personalizados
nombre-datos = "valor"
nombre.conjuntodedatos
Carga diferida de JS
diferir atributo
atributo asíncrono
gestión de historia
valor hash
cambio de hash
objeto de historia
empujarEstado()
evento popstate
Cambios de propiedad
propiedades del enlace
<enlace> tamaños
<base> objetivo
<a>
medios de comunicación
hreflang
rel
Otras propiedades
<ol>
comenzar
invertido
manifiesto <html>
<estilo> ámbito
Funcionalidad de arrastrar y soltar
arrastrable
evento de elemento de arrastre
Arrastrar inicio
arrastrar
dragend
evento del elemento objetivo
dragenter
dragover
arrastrar dejar
gota
objeto de transferencia de datos
establecer datos()
obtener datos()
efectoPermitido
establecerArrastrarImagen()
archivos
Objeto lector de archivos
leer como URL de datos()
evento de carga
conceptos básicos del lienzo
etiqueta <lienzo>
dibujar cuadrados
llenarRect()
trazoRect()
Configurar dibujo
llenarEstilo
ancho de línea
estilo de trazo
dibujo de borde
líneaUnirse
líneaCap
dibujar camino
comenzar ruta()
cerrar ruta()
mover a()
líneaA()
ataque()
llenar()
recto()
borrarRect()
ahorrar()
restaurar()
Curvas y transformaciones del lienzo.
Dibujar arco/curva
arco()
arteA()
curvacuadráticaa()
bezierCurveTo()
transformar
traducir()
girar()
escala()
texto del lienzo y sombra
dibujar texto
trazoTexto()
llenarTexto()
estilo de texto
fuente
texto alineado
línea de base de texto
medirTexto()
sombra
compensación de sombraX, compensación de sombraY
sombraDesenfoque
sombraColor
lienzopíxel
obtenerDatosImagen()
ponerImageData()
crearImageData()
síntesis de lienzo
alfa global
Operación compuesta global
aDataURL()
esPuntoEnPath()
Más API
API de vídeo
API de geolocalización
API de trabajador web