Galerie de cartes mentales HTML5
Un bref résumé des connaissances de base de HTML5, y compris les nouvelles balises structurelles, les nouvelles balises multimédia, les nouvelles balises d'application Web, d'autres nouvelles balises, les balises supprimées, les balises redéfinies, les nouveaux contrôles de saisie, etc., pour que ce soit clair pour les lecteurs, clair à un coup d'oeil.
Modifié à 2021-07-18 21:53:48This is a mind map about bacteria, and its main contents include: overview, morphology, types, structure, reproduction, distribution, application, and expansion. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about plant asexual reproduction, and its main contents include: concept, spore reproduction, vegetative reproduction, tissue culture, and buds. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about the reproductive development of animals, and its main contents include: insects, frogs, birds, sexual reproduction, and asexual reproduction. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about bacteria, and its main contents include: overview, morphology, types, structure, reproduction, distribution, application, and expansion. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about plant asexual reproduction, and its main contents include: concept, spore reproduction, vegetative reproduction, tissue culture, and buds. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about the reproductive development of animals, and its main contents include: insects, frogs, birds, sexual reproduction, and asexual reproduction. The summary is comprehensive and meticulous, suitable as review materials.
Résumé des connaissances HTML5
balise doctype
<!DOCTYPEhtml>
Définition du type de document (DTD)
Ajouter une balise de structure
<en-tête>
<hgroupe>
<pied de page>
<navigation>
<section>
<à part>
<article>
<figure> & <figlégende>
<boîte de dialogue>
<adresse>
Ajouter une balise multimédia
<vidéo>
<audio>
<source>
<toile>
<intégrer>
Balise d'application Web ajoutée
étiquette d'état
<mètre>
<progrès>
balise de liste
<liste de données>
<détails> et <résumé>
Menu
<menu>
<élément de menu>
<commande>
Autres nouvelles balises
balise d'annotation
<rubis>
<rp>
<rt>
<marque>
<sortie>
<keygen>
<heure>
balises supprimées
éléments purement expressifs
<police de base>
<grand>
<centre>
<police>
<s>
<grève>
<tt>
<u>
ce qui donne lieu à une disponibilité éléments à impact négatif
<cadre>
<ensemble de cadres>
<pas de cadres>
éléments déroutants
<acronyme>
<applet>
<isindex>
<rép>
Redéfinir les étiquettes
<b>
<je>
<jj>
<dt>
<hr>
<menu>
<petit>
<fort>
Nouveaux contrôles de saisie
URL
nombre
tél.
gamme
recherche
couleur
sélecteurs de dates
date
mois
semaine
temps
dateheure et dateheure-locale
Nouvelles fonctionnalités du formulaire
Saisie automatique
mise au point automatique
plusieurs
espace réservé
requis
liste et liste de données
modèle
formation
validation du formulaire
objet de validité
événement invalide
Validation personnalisée : setCustomValidity()
Désactiver la validation : formnovalidate
Autres nouveautés
nouveau sélecteur
querySelector (sélecteur)
querySelectorAll (sélecteur)
getElementsByClassName (nom de classe)
Obtenir les attributs de la liste de classes
elem.classListe
elem.classList.length
elem..classList.add()
elem..classList.remove()
elem.classList.toggle()
Nouvelles méthodes pour JSON
JSON.parse()
JSON.stringify()
donnéesdonnées personnalisées
nom-données = "valeur"
ensemble de données.nom
Chargement paresseux de JS
attribut de report
attribut asynchrone
gestion de l'histoire
valeur de hachage
sur le changement de hachage
objet d'histoire
état push()
événement popstate
Modifications de propriété
propriétés du lien
<lien> tailles
cible <base>
<a>
médias
hreflang
rapport
Autres propriétés
<ol>
commencer
renversé
manifeste <html>
Portée <style>
Fonctionnalité glisser-déposer
déplaçable
événement d'élément glisser
glisser-démarrer
traîner
dragende
événement d'élément cible
draguer
trainer
glisser
baisse
Objet de transfert de données
setData()
getData()
effetAutorisé
setDragImage()
des dossiers
Objet FileReader
readAsDataURL()
événement de chargement
les bases de la toile
Balise <canvas>
dessiner des carrés
remplirRect()
traitRect()
Configurer le dessin
Style de remplissage
largeur de ligne
Style de trait
dessin de bordure
Rejoindre la ligne
Capuchon de ligne
tracer un chemin
commencerPath()
chemin proche()
déménager à()
ligneVers()
accident vasculaire cérébral()
remplir()
rect()
clearRect()
sauvegarder()
restaurer()
Courbes et transformations du canevas
Dessiner un arc/une courbe
arc()
artÀ()
courbeCourbeVers()
bezierCurveTo()
transformer
traduire()
tourner()
échelle()
texte et ombre sur la toile
dessiner du texte
texteAVC()
remplirTexte()
style de texte
Police de caractère
texteAligner
texteBaseline
mesurerTexte()
ombre
shadowOffsetX, shadowOffsetY
ombreFlou
couleurombre
toilepixel
getImageData()
putImageData()
créerImageData()
synthèse de toile
globalAlpha
globalCompositeOperation
versDataURL()
isPointInPath()
Plus d'API
API vidéo
API de géolocalisation
API de travailleur Web