Heim  >  Artikel  >  Web-Frontend  >  Stellen Sie kurz die neuen und entfernten Elemente von HTML5 vor

Stellen Sie kurz die neuen und entfernten Elemente von HTML5 vor

黄舟
黄舟Original
2017-03-14 15:45:381350Durchsuche

Der unten stehende Herausgeber bringt Ihnen eine kurze Diskussion über HTML5hinzugefügte und entfernte Elemente. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor und werfen wir einen Blick darauf

Nach mehr als 10 Jahren Entwicklungszeit haben die HTML-Elemente einen Prozess der Aufgabe und ständigen Neudefinition durchlaufen. Um aktuelle Internetanwendungen besser bewältigen zu können, fügt HTML5 neue Elemente wie Grafikzeichnung, Multimedia-Wiedergabe, Seitenstruktur, Anwendungsspeicher und Netzwerkarbeit hinzu.

Neue grafische Zeichnungselemente

Neue Multimedia-Elemente
label Beschreibung
<canvas> -Tag definiert Grafiken wie Diagramme und andere Bilder. Dieses Tag basiert auf JavaScript code/9596.html" target="_blank">Drawing
标签 描述
<canvas> 标签定义图形,比如图表和其他图像。该标签基于 JavaScript绘图 API
API

标签 描述
定义音频内容
定义视频内容
定义多媒体资源(audio或vedio)
定义嵌入的内容,比如插件
为如video和 audio元素之类的媒介规定外部文本轨道
Gibt eine externe Textspur an für Medien wie Video- und Audioelemente
Tag Beschreibung
DefinitionAudio

content

DefinitionVideoInhalt
Multimedia-Ressourcen definieren (Audio oder Vedio)
Eingebettete Inhalte wie Plug-ins definieren
Neues Formularelement
标签 描述
list> 定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
<keygen> 规定用于表单的密钥对生成器字段。
定义不同类型的输出,比如脚本的输出。
Tag Beschreibung
Liste<🎜>> Definieren Sie eine Liste mit Optionen . Verwenden Sie dieses Element in Verbindung mit einem Eingabeelement, um die möglichen Werte der Eingabe zu definieren.
<key<🎜>gen> Gibt das Schlüsselpaar an, das für den FormularGenerator verwendet wird Feld.
Definieren Sie verschiedene Ausgabetypen, z. B. Skriptausgabe.

Neue semantische und strukturelle Elemente

HTML5 bietet neue Elemente, um benutzerfreundlichere Seiten zu erstellen.

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

Entfernte Elemente

Die folgenden HTML 4.01-Elemente wurden in HTML5 >Löschen entfernt :

tag
< acronym>
Schriftart

>
<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> tbody></tr> </table></strong></p><p>Das obige ist der detaillierte Inhalt vonStellen Sie kurz die neuen und entfernten Elemente von HTML5 vor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme:</span><div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel:<a class="dBlack" title="Detaillierte Einführung in HTML5-Canvas-Codebeispiele für grundlegende Zeichenliniensegmente" href="https://m.php.cn/de/faq/356594.html">Detaillierte Einführung in HTML5-Canvas-Codebeispiele für grundlegende Zeichenliniensegmente</a></span><span>Nächster Artikel:<a class="dBlack" title="Detaillierte Einführung in HTML5-Canvas-Codebeispiele für grundlegende Zeichenliniensegmente" href="https://m.php.cn/de/faq/356597.html">Detaillierte Einführung in HTML5-Canvas-Codebeispiele für grundlegende Zeichenliniensegmente</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="https://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/de/faq/348281.html" title="Das Vollbild-Bildlauf-Plug-in AlloyTouch erstellt in 30 Sekunden eine flüssige H5-Seite" class="aBlack">Das Vollbild-Bildlauf-Plug-in AlloyTouch erstellt in 30 Sekunden eine flüssige H5-Seite</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348372.html" title="Tatsächlicher HTML5-Kampf und Analyse von Touch-Ereignissen (Touchstart, Touchmove und Touchend)" class="aBlack">Tatsächlicher HTML5-Kampf und Analyse von Touch-Ereignissen (Touchstart, Touchmove und Touchend)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348373.html" title="Ausführliche Erläuterung der Beispiele für Bildzeichnungen in HTML5 Canvas 9" class="aBlack">Ausführliche Erläuterung der Beispiele für Bildzeichnungen in HTML5 Canvas 9</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348374.html" title="Reguläre Ausdrücke und neue HTML5-Elemente" class="aBlack">Reguläre Ausdrücke und neue HTML5-Elemente</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348469.html" title="So kombinieren Sie NodeJS und HTML5, um mehrere Dateien per Drag-and-Drop auf den Server hochzuladen" class="aBlack">So kombinieren Sie NodeJS und HTML5, um mehrere Dateien per Drag-and-Drop auf den Server hochzuladen</a><div class="clear"></div></li></ul></div></div><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!</p></div><div class="footermid"><a href="https://m.php.cn/de/about/us.html">Über uns</a><a href="https://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="https://m.php.cn/de/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></html>