Résumé des balises en HTML5

Balises qui peuvent être omises

Balises qui n'autorisent pas les balises de fermeture : zone (définit la zone dans la zone cliquable), base (spécifie l'adresse par défaut pour tous les liens sur le page ou cible par défaut), br, col (définir les valeurs d'attribut pour une ou plusieurs colonnes du tableau), embed (définir le contenu intégré, tel que les plug-ins--5), hr, img, input, keygen, link , meta, param, source , track, wbr

les balises avec les balises de fermeture peuvent être omises : li, dt, dd, p, rt, optgroup, option, colgroup, thread, tbody, tr, td, th

peuvent être complètement omis Balises : html, head, body, colgroup, tbody

Nouvelles balises

section : un bloc de contenu dans la page, dans les chapitres, les pages, le pied de page ou d'autres parties de la page peuvent être utilisés en combinaison avec h1, h2... et d'autres balises pour représenter la structure du document.

article : représente un élément de contenu indépendant sur la page qui n'a aucun rapport avec le contexte, comme un article.

à part : Définir un contenu autre que l'article. Le contenu de l’aparté doit être lié au contenu de l’article.

en-tête : Le titre du bloc de contenu dans la page ou dans la page entière.

footer : Le bloc de contenu dans la page ou le pied de page de la page entière.

hgroup : Regroupez les blocs de contenu dans la page ou les titres de la page entière.

nav : partie du lien de navigation.

figure : Spécifie le contenu du flux indépendant (images, graphiques, photos, code, etc., le contenu doit être lié au contenu principal, mais s'il est supprimé, il ne doit pas avoir d'impact sur le flux de documents).

vidéo : vidéo. exp:

<video src="url" controls="controls">视频</video>

audio : audio.

embed : utilisé pour intégrer du contenu (y compris divers médias).

marque : Changez de couleur, faites attention.

progression : barre de progression. exp:

<progress max="100" value="85"></progress>

heure : définissez la date ou l'heure, ou les deux. Cette balise est utilisée par le moteur de recherche. Le moteur saura grâce à cette balise que ce bloc représente une heure. Il existe un attribut nommé pubdate. Lorsque le moteur le lira, il saura que la valeur en datatime dans ce bloc est l'heure de publication de cet article, et qu'il y a deux caractères spéciaux T et Z dans cette heure. T représente le séparateur de date et d'heure, et Z représente le format standard de l'heure. exp:59564c49d883b71c22279545d13f1f8191be1970faf1a1e6511e94af3a0f5b95

datalist : Définissez la liste d'options. Utilisez cet élément en conjonction avec un élément d'entrée pour définir les valeurs possibles de l'entrée. exp:

<input list="cars"/><datalist id="cars"><option value=""></datalist>
output:exp:<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0<input type="range" id="a" value="50">100+<input type="number" id="b" value="50">=<output name="x" for="a b"></output></form>

Attribut global

type de données : attribut personnalisé.

caché : caché, étiquette unique.

vérification orthographique : corrigez la grammaire du contenu saisi. exp:

<textarea spellcheck="true" ></textarea>

tabindex : ordre des touches de tabulation.

contenteditable : Modifier le contenu. exp :

<p contenteditable="true" ></p>

Rendre l'intégralité du texte modifiable :

<script>window.document.designMode="off";</script>

//off, on : modifiable

[Recommandations associées]

1 . Tutoriel vidéo en ligne h5 gratuit

2 Résumé des nouveaux éléments et balises en HTML5

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!