Résumé et introduction à la nouvelle balise de promotion H5 (avec exemples)

Cet article vous présentera les nouveaux tags de promotion H5. J'espère qu'il sera utile aux amis dans le besoin !

1. Balises sémantiques

<header></header> : Balise d'en-tête <header></header>：头部标签

<nav></nav>：导航标签 在H4中导航栏一般用ul-li标签，H5中可以直接用

标签

<section></section>：块级标签

<article></article>：内容标签

<aside></aside>：侧边栏标签

<footer></footer>：尾部标签  

注：

1.在ie9中需要把它们转化为块级元素  display:block
2.主要用于移动端

二、多媒体标签

<video></video>视频标签

<audio></audio>音频标签

三、图形标签

<canvas></canvas>

<nav></nav> : Balise de navigation dans les barres de navigation H4 en général utilisez les balises ul-li; Dans H5, vous pouvez utiliser directement les balises

<section></section> : balises au niveau du bloc

<article></article> : Balise de contenu

<aside></aside> : balise de la barre latérale

<footer></footer> : balise de pied de page

Remarque :

1 Dans ie9, ils doivent le faire. être converti en éléments de niveau bloc display:block2 Principalement utilisé sur les terminaux mobiles

second, balise Multimedia & lt; >Balise audio


3. Balise graphique


<canvas></canvas>Définir un graphique.

Utilisez JavaScript pour dessiner des images sur des pages Web. Par exemple : afficher un rectangle rouge :

<canvas id="myCanvas"></canvas>
<script type="text/javascript">
    var canvas=document.getElementById(&#39;myCanvas&#39;);
    var ctx=canvas.getContext(&#39;2d&#39;);
    ctx.fillStyle=&#39;#FF0000&#39;;
    ctx.fillRect(0,0,80,100);
</script>

4. Nouveaux éléments et contrôles de formulaire

<form>
         	<label>
         		邮箱 ：<input  type="email"  />
         		数量 ：
         		<input type="number" value="50" min="0" max="100" step="5">
                <!-- 最小值0、最大值100、步进值5、value初始值50 -->
         	</label>
         </form>

Ajouter :

🎜Modifier ce paragraphe Nouvelle interface de programmation d'application (API)🎜 En plus À partir de l'interface DOM d'origine, HTML5 ajoute plus d'API, telles que : 🎜 1. Balise Canvas pour le dessin 2D en temps réel 🎜 2. Lecture multimédia programmée 🎜 3. Stockage de base de données hors ligne 🎜 4. Édition de documents 🎜 5. Contrôle du glisser 🎜 6 . Gestion de l'historique de navigation 🎜🎜🎜Résumé : 🎜🎜🎜🎜HTML 5 possède deux fonctionnalités majeures : 🎜🎜🎜Premièrement, il améliore les performances des pages Web. En plus de dessiner des graphiques en deux dimensions, des balises pour la lecture vidéo et audio sont également préparées. 🎜🎜Deuxièmement, des fonctions d'application Web telles que la base de données locale ont été ajoutées. 🎜🎜Recommandations associées : "Quels sont les attributs et éléments nouvellement ajoutés dans 🎜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!