Maison  >  Article  >  interface Web  >  Explication détaillée de l'utilisation des balises H5

Explication détaillée de l'utilisation des balises H5

php中世界最好的语言
php中世界最好的语言original
2018-03-26 11:41:203752parcourir

Cette fois, je vais vous apporter une explication détaillée de l'utilisation des balises H5. Quelles sont les précautions lors de l'utilisation des balises H5. Voici des cas pratiques, jetons un coup d'œil.

Ne pas autoriser l'écriture de balises de fermeture  : zone (définit la zone dans la carte image), base (précise l'adresse par défaut ou la cible par défaut pour tous les liens de la page), 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

Vous pouvez omettre la balise de la balise de fermeture : li, dt, dd, p, rt, optgroup, option, colgroup, thread, tbody, tr, td , th

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

Nouvelles balises

section : Un bloc de contenu dans la page, comprenant un chapitre, une page, un pied de page ou une autre partie de la page, peut être utilisé en conjonction avec des balises telles que h1, h2... 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 :NavigationPartie du lien.

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 devrait pas l'avoir un impact sur le flux documentaire) .

vidéo : vidéo. exp:441def74f4ccd94462671ee1c7f051aevideoa6a9c6d3f311dabb528ad355798dc27d

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:b53711f9206adba438e27e16406001b4a211cb70e7878dbce34a6f8dc0175647

time : définit 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 lit, il sait 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 :9e8623ff3f31a5ea3c53568ddb9ccc8d1c6ebbe2b1c97f83cea4235f9f120ea7aba78b0dcb1db399ec615ce176d67bcebbb84e3e75b36eb4260cf6b3db844ca1

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>

Attributs globaux

type de données : attribut personnalisé.

caché : caché, étiquette unique.

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

tabindex:ordre des touches de tabulation.

contenteditable : Modifier le contenu. exp:c4b10d018c0500c181c2aaa767b5fd1494b3e26ee717c64999d7867364b1b4a3

Rendre l'intégralité du texte modifiable :

<script>window.
document
.designMode="off";</script>//off关闭,on:可编辑

Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de l'utilisation de la requête de pagination

Comment développer un mur WeChat avec Node.js

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn