communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

Nouveaux éléments HTML5

Nouveaux éléments HTML5

HTML 4.01 a beaucoup changé depuis 1999. Aujourd'hui, plusieurs de ces éléments dans HTML 4.01 sont obsolètes ou ont été supprimés. redéfini en HTML5.

Afin de mieux gérer les applications Internet d'aujourd'hui, HTML5 ajoute de nombreux nouveaux éléments et fonctions, tels que : le dessin graphique, le contenu multimédia, une meilleure structure de page, un meilleur traitement des formulaires et plusieurs API pour le glisser-déposer. -déposer des éléments, y compris la mise en cache, le stockage, les travailleurs Web, etc.

<canvas> Nouvel élément

 
     标签     描述


     <canvas>

标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API
<🎜>Tag<🎜><🎜> <🎜><🎜> Description<🎜><🎜><🎜>
<🎜><🎜>  <canvas><🎜>Label définit des graphiques, tels que des graphiques et d'autres images. Cette balise est basée sur l'API de dessin de JavaScript

新多媒体元素

     
     标签     描述
    <audio>定义音频内容
    <video>定义视频（video 或者 movie）
    <source>定义多媒体资源 <video> 和 <audio>
    <embed>定义嵌入的内容，比如插件。


    <track>

为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。
标签<🎜><🎜>		 <🎜><🎜>描述<🎜><🎜>
    <audio>定义音频内容
   <video>定义视频(vidéo et film)
   <source>定义多媒体资源 <video> et <audio>
    <embed>定义嵌入的内容，比如插件。

<🎜><🎜>

    <track><🎜>

为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。

Nouvel élément de formulaire

     标签     描述


    <datalist>

定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
    <keygen>规定用于表单的密钥对生成器字段。
    <output>定义不同类型的输出，比如脚本的输出。
balise<🎜><🎜>		<🎜> Description<🎜><🎜>


><🎜>

<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.
< keygen>Spécifie la clé utilisée pour le formulaire au champ du générateur.
< output>Définir différents types de sortie, tels que comme La sortie du script.

Nouveaux éléments sémantiques et structurels

HTML5 fournit de nouveaux éléments pour créer meilleure structure de page :

< td width="193 " valign="top" style="border-width: 1px; border-style: solid; word-break: break-all;">  <🎜>Description<🎜 ><🎜>
     标签     描述
    <article>定义页面独立的内容区域。
    <aside>定义页面的侧边栏内容。
    <bdi>允许您设置一段文本，使其脱离其父元素的文本方向设置。
    <command>定义命令按钮，比如单选按钮、复选框或按钮
balise<🎜><🎜>
<article>Définir un contenu indépendant ; zones de la page.
< apart>Définir le contenu de la barre latérale de la page .
< bdi>Vous permet de définir une section de text afin qu'il s'éloigne du paramètre de direction du texte de son élément parent.
< command>Définir des boutons de commande, tels que la radio sélections Bouton, case à cocher ou bouton
    <details>用于描述文档或文档某个部分的细节
    <dialog>定义对话框，比如提示框
    <summary>标签包含 details 元素的标题
    <figure>规定独立的流内容（图像、图表、照片、代码等等）。
    <figcaption>定义 <figure> 元素的标题
    <footer>定义 section 或 document 的页脚。
    <header>定义了文档的头部区域
    <mark>定义带有记号的文本。
    <meter>定义度量衡。仅用于已知最大和最小值的度量。
    <nav>定义导航链接的部分。
    <progress>定义任何类型的任务的进度。
    <ruby>定义 ruby 注释（中文注音或字符）。
    <rt>定义字符（中文注音或字符）的解释或发音。

 

    <rp>

在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
    <section>定义文档中的节（section、区段）。
    <time>定义日期或时间。
    <wbr>规定在文本中的何处适合添加换行符。

Pour utiliser les nouveaux éléments ci-dessus, veuillez consulter notre manuel de référence HTML



Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <h1>HTML5 新元素</h1> <article> php中文网 —— php中文网！！ </article> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492411 joue