Maison >interface Web >Tutoriel H5 >Présentez brièvement les éléments nouveaux et supprimés de HTML5

Présentez brièvement les éléments nouveaux et supprimés de HTML5

黄舟
黄舟original
2017-03-14 15:45:381379parcourir

L'éditeur ci-dessous vous proposera une brève discussion des éléments HTML5ajoutés et supprimés. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un coup d'œil

Après plus de 10 ans de développement, les éléments HTML ont connu un processus d'abandon et de redéfinition constante. Afin de mieux gérer les applications Internet actuelles, HTML5 ajoute de nouveaux éléments tels que le dessin graphique, la lecture multimédia, la structure des pages, le stockage des applications et le travail en réseau.

Nouveaux éléments de dessin graphique

Nouveaux éléments multimédias
étiquette Description
<canvas> définit des graphiques, tels que des graphiques et d'autres images. Cette balise est basée sur JavaScript code/9596.html" target="_blank">Dessin
标签 描述
<canvas> 标签定义图形,比如图表和其他图像。该标签基于 JavaScript绘图 API
API

标签 描述
定义音频内容
定义视频内容
定义多媒体资源(audio或vedio)
定义嵌入的内容,比如插件
为如video和 audio元素之类的媒介规定外部文本轨道
Spécifie une piste de texte externe pour les médias tels que les éléments vidéo et audio
Tag Description
DéfinitionAudio

Contenu

DéfinitionVidéoContenu
Définir les ressources multimédia (audio ou vidéo)
Définir le contenu intégré, tel que les plug-ins
Nouvel élément de formulaire
标签 描述
list> 定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
<keygen> 规定用于表单的密钥对生成器字段。
定义不同类型的输出,比如脚本的输出。
Balise Description
list<🎜>> Définir 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.
<clé<🎜>gen> Spécifie la paire de clés utilisée pour le formulaireGénérateur champ.
Définissez différents types de sortie, tels que la sortie de script.

Nouveaux éléments sémantiques et structurels

HTML5 fournit de nouveaux éléments pour créer des pages plus utilisables.

标签 描述
定义页面独立的内容区域。
定义页面的侧边栏内容。 何问起
允许您设置一段文本,使其脱离其父元素的文本方向设置。
定义命令按钮,比如单选按钮复选框或按钮。
用于描述文档或文档某个部分的细节。
定义对话框,比如提示框。
标签包含 details 元素的标题。
规定独立的流内容(图像、图表、照片、代码等等)。
定义 figure元素的标题。
定义 section 或 document 的页脚。
定义了文档的头部区域。
定义带有记号的文本。
定义度量衡。仅用于已知最大和最小值的度量。
定义导航链接的部分。
定义任何类型的任务的进度。
定义 ruby 注释(中文注音或字符)。
定义字符(中文注音或字符)的解释或发音。
在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
定义文档中的节(section、区段)。
<time> 定义日期或时间。
规定在文本中的何处适合添加换行符。

Éléments supprimés

Les éléments HTML 4.01 suivants ont été supprimés dans HTML5 >Supprimer :

tag
< >
font

>
<dir
标签
font>
<dir>
set>
</td></tr> <tr><td><strike></td></tr> <tr><td><tt></td></tr> </tbody> </table>> <tr><td><font></td></tr> <tr><td><frame></td></tr> <td> <frame<a href="http://www.php.cn/code/8209.html" target="_blank">set<🎜>></td> <td> <noframes></td> <tr><td><strike></td></tr> <tr> <td><tt></td> corps></tr> </table></strong></p><p>Ce qui précède est le contenu détaillé de. pour plus d&apos;informations, suivez d&apos;autres articles connexes sur le site Web de PHP en chinois!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Déclaration:</span><div>Le contenu de cet article est volontairement contribué par les internautes et les droits d&apos;auteur appartiennent à l&apos;auteur original. Ce site n&apos;assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div></div></div><div class="nphpSytBox"><span>Article précédent:<a class="dBlack" title="Introduction détaillée aux exemples de code de segment de ligne de dessin de base du canevas HTML5" href="https://m.php.cn/fr/faq/356594.html">Introduction détaillée aux exemples de code de segment de ligne de dessin de base du canevas HTML5</a></span><span>Article suivant:<a class="dBlack" title="Introduction détaillée aux exemples de code de segment de ligne de dessin de base du canevas HTML5" href="https://m.php.cn/fr/faq/356597.html">Introduction détaillée aux exemples de code de segment de ligne de dessin de base du canevas HTML5</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="https://m.php.cn/fr/article.html" class="bBlack"><i>Voir plus</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/fr/faq/348281.html" title="Le plug-in de défilement plein écran AlloyTouch crée une page H5 fluide en 30 secondes" class="aBlack">Le plug-in de défilement plein écran AlloyTouch crée une page H5 fluide en 30 secondes</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348372.html" title="Combat réel HTML5 et analyse des événements tactiles (touchstart, touchmove et touchend)" class="aBlack">Combat réel HTML5 et analyse des événements tactiles (touchstart, touchmove et touchend)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348373.html" title="Explication détaillée des exemples de dessin d'images dans le canevas HTML5 9" class="aBlack">Explication détaillée des exemples de dessin d'images dans le canevas HTML5 9</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348374.html" title="Expressions régulières et nouveaux éléments HTML5" class="aBlack">Expressions régulières et nouveaux éléments HTML5</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348469.html" title="Comment combiner NodeJS et HTML5 pour glisser-déposer plusieurs fichiers à télécharger sur le serveur" class="aBlack">Comment combiner NodeJS et HTML5 pour glisser-déposer plusieurs fichiers à télécharger sur le serveur</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!</p></div><div class="footermid"><a href="https://m.php.cn/fr/about/us.html">À propos de nous</a><a href="https://m.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a><a href="https://m.php.cn/fr/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body><!-- Matomo --><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>