Les nouvelles balises d'éléments HTML5 incluent : "23c3de37f2f9ebcb477c4a90aac6fffd", "15221ee8cba27fc1d7a26c47a001eb9b", "b97864c2e0ef2353a16c4d64c7734e92", "af4e6c3c591431c4583becd75d1c3582", "5ba626b379994d53f7acf72a64f9b697", "a38fd2622755924ad24c0fc5f0b4d412 ", "f920514e6447cf1d171079d1371f007f", "49c6123c49c6be380cb91db06cd3bfa9", "c787b9a589a3ece771e842a6176cf8e9", "46dd80ba616c57a652514755c74c4211", "7240f116d85a7ee375466871bc33670a", etc.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.
html5 nouvelle balise d'élément
| balise |
description |
| 23c3de37f2f9ebcb477c4a90aac6fffd |
définir une zone d'article |
| <à part&g t ; |
Définir le côté de la page Colonne content |
| b97864c2e0ef2353a16c4d64c7734e92 |
Définir le contenu audio |
| af4e6c3c591431c4583becd75d1c3582 |
vous permet de définir un morceau de texte indépendant du paramètre de direction du texte de son élément parent. |
| 5ba626b379994d53f7acf72a64f9b697 |
Définissez des graphiques, tels que des graphiques et d'autres images, les étiquettes ne sont que des conteneurs graphiques, vous devez utiliser des scripts pour dessiner des graphiques |
| e2b9f03cad787b9644e1f51fd23b7dac |
Définissez des boutons de commande, tels que la radio boutons, cases à cocher ou boutons |
| fc86e7b705049fc9d4fccc89a2e80ee3 |
définissent une 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. |
| a5e9d42b316b6d06c62de0deffc36939 |
Utilisé pour décrire les détails d'un document ou d'une certaine partie d'un document |
| a38fd2622755924ad24c0fc5f0b4d412 |
Définir une boîte de dialogue, telle qu'une boîte de dialogue |
| < ;embed> |
Définissez le contenu à intégrer, tel que les plug-ins. |
| 614eb9dc63b3fb809437a716aa228d24 |
Définissez le titre de l'élément 24203f2f45e6606542ba09fd2181843a |
| 24203f2f45e6606542ba09fd2181843a |
Spécifiez le contenu du flux indépendant (images, graphiques, photos, code, etc.). |
| c37f8231a37e88427e62669260f0074d |
Définissez le pied de page d'une section ou d'un document. |
| 1aa9e5d373740b65a0cc8f0a02150c53 |
définit la zone d'en-tête du document |
| aa983b9eb8086376f1f6481364a02e5a |
spécifie le champ générateur de paire de clés utilisé pour le formulaire. |
| f920514e6447cf1d171079d1371f007f |
Définissez le texte avec une marque. Veuillez utiliser la balise 907fae80ddef53131f3292ee4f81644b lorsque vous devez surligner du texte. |
| 0bfb43d3b890fce21fa49855b6b81a47 |
Définition des poids et mesures. À utiliser uniquement pour les mesures avec des valeurs maximales et minimales connues. |
| c787b9a589a3ece771e842a6176cf8e9 |
Définir la partie du lien de navigation |
| be6d67dae90cc1ad6469079e163d0939 |
Définir différents types de sortie, comme la sortie d'un script. |
| 6ecb87e5318a36c03c59e25d55f43372 |
Définissez la progression en cours (processus). La balise |
| 515718f19dfe6612658be14be18aa0ec |
515718f19dfe6612658be14be18aa0ec est utilisée dans les commentaires Ruby pour définir ce qui est affiché par les navigateurs qui ne prennent pas en charge les éléments Ruby. |
| 7240f116d85a7ee375466871bc33670a |
7240f116d85a7ee375466871bc33670a définit l'interprétation ou la prononciation d'un caractère (phonétique ou caractère chinois). |
| ec41f2147470148e85ad0337a362103e |
ec41f2147470148e85ad0337a362103e définition de la balise ruby commentaire (phonétique ou caractère chinois). |
| 2f8332c8dcfd5c7dec030a070bf652c3 |
2f8332c8dcfd5c7dec030a070bf652c3 définit une section (section, section) dans le document. Tels que les chapitres, les en-têtes, les pieds de page ou d’autres parties du document. La balise |
| e02da388656c3265154666b7c71a8ddc |
e02da388656c3265154666b7c71a8ddc définit les ressources multimédias pour les éléments multimédias (tels que 36a905548c8276df5a0a9467f3407669 et b97864c2e0ef2353a16c4d64c7734e92). La balise |
| 631fb227578dfffda61e1fa4d04b7d25 |
631fb227578dfffda61e1fa4d04b7d25 contient le titre de l'élément détails, et l'élément "détails" est utilisé pour décrire des informations détaillées sur le document ou le fragment de document. |
| 46dd80ba616c57a652514755c74c4211 |
Définissez la date ou l'heure, ou les deux. |
| d477f9ce7bf77f53fbcf36bec1b69b7a |
Définissez la date ou l'heure, ou les deux. La balise |
| 9bf7cbf2c39baa37076a22499de2f6ed |
9bf7cbf2c39baa37076a22499de2f6ed spécifie une piste de texte externe pour les médias tels que l'élément vidéo. La balise |
| 39000f942b2545a5315c57fa3276f220 |
39000f942b2545a5315c57fa3276f220 définit une vidéo, telle qu'un clip vidéo ou un autre flux vidéo. |
| 37fcc81822f151c26d66e5caf9953670 |
Spécifie où dans le texte il est approprié d'ajouter des sauts de ligne. |
(1) Définissez le lien de navigation c787b9a589a3ece771e842a6176cf8e944f9630a3d507ae7532760da37622b0f
C'est aussi une étiquette significative. Cela ne signifie pas que l'ajout de cette étiquette quelque part créera un style de navigation. p, ajoutez la balise de menu c787b9a589a3ece771e842a6176cf8e9 dans l'en-tête, la balise nav peut être utilisée avec la balise ff6d136ddc5fdfeffaf53ff6ee95f18525edfb22a4f469ecb59f1190150159c6 avant La disposition du menu se fait en utilisant uniquement p
(2) Définissez la balise article 23c3de37f2f9ebcb477c4a90aac6fffd7618f95bdc39e398f223d37049478af1
Vous pouvez utiliser la balise article block pour rédiger des articles, utilisez donc cette balise pour écrire des articles section section, peut être utilisé avec 4a249f0d628e2318394fd9b75b4636b1e388a4556c0f65e1904146cc1a846bee
code html : <header>
<p>这是一个header部分</p>
<nav> <!--导航链接标签-->
<ul> <!--配合ul使用-->
<li>首页</li>
<li>关于</li>
<li>产品</li>
<li>联系</li>
</ul>
</nav>
</header>style CSS :
/*定义nav的高和颜色*/
nav{
height:30px;
background-color:#F33;
margin-top:100px;}
/*正常设置li的样式*/
li{
list-style:none;
float:left;
width:100px;
height:30px;
}De cette façon, vous pouvez écrire un article
(3 ) Définir le regroupement des contenus multimédias et leurs titres24203f2f45e6606542ba09fd2181843a
A. Cette balise peut être utilisée conjointement avec la balise correspondante 614eb9dc63b3fb809437a716aa228d24, mais écrivez le titre
<article><!--文章块p-->
<h2>文章标题</h2><!--标题-->
<p>文章内容文章内容文章内容文章内容文章内容文章内容
<br>
文章内容文章内容文章内容文章内容文章内容文章内容<br>
文章内容文章内容文章内容</p>
</article>
B au milieu de 614eb9dc63b3fb809437a716aa228d24c03477f35900935b9be6780eb373f61c. Il peut également être utilisé conjointement avec 73de882deff7a050a357292d0a1fca9467bc4f89d416b0b8236eaa5f43dee742, où 73de882deff7a050a357292d0a1fca94c72c1af5e0e7f90179c047c5ef85885e est utilisé pour écrire des titres, tandis que 67bc4f89d416b0b8236eaa5f43dee742 est utilisé pour écrire du contenu. de l'effet de prise en charge de l'utilisation
article{
background-color:#F33;
width:500px;
text-align:center; /*水平居中*/
margin:0px auto;
}
(4) Définir une boîte de dialogue ou une fenêtre a38fd2622755924ad24c0fc5f0b4d412
Vous pouvez également utiliser les balises dd et dt dans cette balise Le titre et le contenu de la boîte de dialogue. box a un attribut open. La compatibilité de cette balise n'est pas très bonne. Bonne
(5) Définir une liste ou un menu de commandes5c0e96d12fc7501cef2ae2efde646ee0
A. Cette balise peut être utilisée avec li
<figure>
<figcaption>标题</figcaption><!--配套-->
<p>标题内容</p>
</figure>
B. Vous pouvez ajouter votre propre contenu avec le clic droit (seul Firefox est compatible)
Union (définir les commandes/éléments de menu que l'utilisateur peut appeler depuis le menu contextuel) avec la balise 9b8d7b889acba92c978f783c55ba01dc en utilisant
<figure>
<dt>标题1</dt>
<dd>标题内容</dd>
</figure><dialog open>
<dt>1问题</dt>
<dd>1答案</dd>
<dt>2问题</dt>
<dd>2答案</dd>
</dialog>L'élément souhaité apparaît après un clic droit Cliquez sur l'élément de menu souhaité
, et le contenu apparaîtra
(6) Groupe de titres d8eccd9ed644b68a6460a2bb84548c82
Vous pouvez écrire des combinaisons de titres 82c0ada3be88e713321ade088bfac5e6 pour un usage courant
<menu>
<li>定义列表</li>
<li>定义列表</li>
<li>定义列表</li>
</menu>
(7) Définir un petit texted015d241ae6d34c34210679b5204fe85
Cette balise est en fait similaire à d'autres balises en gras
<menu type="context" id="cai">
<!--label是右键后显示的菜单项，onclick是选中菜单后执行的代码-->
<menuitem label="菜单一" onclick="alert('这是菜单一')" icon="右键单击显示的图片"></menuitem>
</menu>
(8) Définir les détails de l'élément0eb2f08a520cf47b53fb7be4dba5e7ae
Le contenu à l'intérieur peut être utilisé avec les balises de titre et de contenu
<span contextmenu="cai">单击我试试</span>
Cliquez sur les détails pour voir le titre et le contenu
(9) Définir le commentaire ruby ec41f2147470148e85ad0337a362103e
Je ne le reconnais pas Vous pouvez l'utiliser pour annoter le pinyin des caractères, mais une certaine compatibilité n'est pas très bonne Vous pouvez le modifier le moment venu
<hgroup><!--标题组-->
<h3>标题</h3>
<h3>标题1</h3>
<h3>标题2</h3>
<h3>标题3</h3>
</hgroup>
(10) Définissez la mesure dans la plage prédéfinie0bfb43d3b890fce21fa49855b6b81a47
Il existe plusieurs valeurs d'attribut, min="" max="" value="" low="" high="", où low et high sont des plages. Lorsque la plage de valeurs dépasse, différents effets seront affichés
<small>法律条文</small>
<small>联系我们</small>
<small>客户意见</small>
.
La valeur dépasse Une fois la plage déterminée
<details>
<dt>问题</dt>
<dd>解答</dd>
<dt>问题</dt>
<dd>解答</dd>
<dt>问题</dt>
<dd>解答</dd>
</details>
(11) L'étiquette de la barre de progression 6ecb87e5318a36c03c59e25d55f43372
<ruby>夼<rp>(</rp><rt>kuang</rt><rp>)</rp></ruby>
<!--<rp>是能够兼容的时候让括号不可见，不能兼容的时候让括号可见，rt是进行这是的内容-->
La valeur maximale est la longueur de la barre de progression et la valeur la valeur est la progression affichée. Utilisez-la pour créer une barre de progression dynamique
<meter min="0" max="10" value="4" low="2" high="7">
La barre de progression peut être complétée de cette manière n'est-ce pas bien mieux que d'écrire uniquement en js
Connexe ? recommandations : "
Tutoriel vidéo HTML
"
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!