Heim  >  Artikel  >  Web-Frontend  >  Welche Elemente wurden aus den neuen Funktionen von HTML5 entfernt?

Welche Elemente wurden aus den neuen Funktionen von HTML5 entfernt?

青灯夜游
青灯夜游Original
2022-01-17 10:58:493836Durchsuche

Entfernte Elemente in den neuen Funktionen von HTML5: Basefont, Big, Center, Font, S, Strike, TT, U, Frame, Frameset, Noframes, Akronym, Applet usw.

Welche Elemente wurden aus den neuen Funktionen von HTML5 entfernt?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Was sind die neuen Funktionen von HTML5 und welche Elemente wurden entfernt?

  • HTML5 ist jetzt keine Teilmenge von SGML mehr, hauptsächlich geht es um das Hinzufügen von Bildern, Speicherort, Speicher, Multitasking und anderen Funktionen HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加

    • 绘画 canvas
    • 用于媒介回放的 videoaudio 元素
    • 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失
    • sessionStorage 的数据在浏览器关闭后自动删除
    • 语意化更好的内容元素,比如articlefooterheadernavsection
    • 表单控件,calendardatetimeemailurlsearch
    • 新的技术webworker, websocket, Geolocation
  • 移除的元素:

    • 纯表现的元素:basefontbigcenterfont, sstrike,ttu
    • 对可用性产生负面影响的元素:frameframesetnoframes

    • 产生混淆:acronymappletdir

    定义首字母缩写词,请使用标签替代它

    标签用来定义嵌入的applet,请使用代替它

    标签用来设置文档的默认字体大小

    标签制作更大的文本。

    标签对其包围的文本进行水平居中处理

    标签定义目录列表

    规定文本的尺寸、字体和颜色

    标签定义子窗口(框架)

    标签定义框架集

    为不支持框架的浏览器显示文本</p> <p><strike>标签定义加删除线的文本,请使用<del>标签代替</p> <p><tt>标签定义打字机文本</p> <p><s>标签定义加删除线的文本</p> <p><u>标签定义下划线文本</p> </blockquote> </li> <li> <p>支持<code>HTML5</code>新标签:</p> <ul> <li> <code>IE8/IE7/IE6</code>支持通过<code>document.createElement</code>方法产生的标签</li> <li>可以利用这一特性让这些浏览器支<code>持HTML5</code> </li> <li>Malen <code> Canvas</code> </li> </ul> <code>Video</code>- und <code>Audio</code>-Elemente für die Medienwiedergabe</li> </ul>Lokaler Offline-Speicher <code>localStorage</code> Langzeitspeicherung von Daten , der Browser wird geschlossen. Die Daten gehen nicht verloren<p><a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程"><code>sessionStorage</code>-Daten werden automatisch gelöscht, nachdem der Browser geschlossen wird</a></p>Inhaltselemente mit besserer Semantik, wie z. B. <code>article</code>, <code>Fußzeile</code>, <code>Kopfzeile</code>, <code>nav</code>, <code>Abschnitt</code>🎜🎜Formularsteuerung, <code>Kalender</code>, Datum, <code>Uhrzeit</code>, <code>E-Mail</code>, <code>URL</code>, <code>Suche</code>🎜🎜Neue Technologie <code> webworker</code>, <code>websocket</code>, <code>Geolocation</code>🎜🎜🎜🎜🎜Entfernte Elemente: 🎜🎜🎜Rein ausdrucksstarke Elemente: <code>basefont</code>, <code> big code&gt;, &lt;code&gt;center</code>, <code>font</code>, <code>s</code>, <code>strike, </code><code>tt</code> , <code>u</code>🎜🎜🎜Elemente, die sich negativ auf die Benutzerfreundlichkeit auswirken: <code>frame</code>, <code>frameset</code>, <code>noframes</code>🎜🎜🎜🎜Verwirrung schaffen : <code>acronym</code>, <code>applet</code>, <code>dir</code> 🎜🎜🎜🎜🎜<acronym> definiert ein Akronym, bitte verwenden Sie zum Ersetzen das <abbr>-Tag Das 🎜🎜<applet>-Tag wird verwendet, um das eingebettete Applet zu definieren. Bitte verwenden Sie stattdessen das <object>-Tag, um die Standardschriftgröße des Dokuments festzulegen. 🎜🎜<big> größerer Text. 🎜🎜<center>Die Beschriftung zentriert den Text, den sie umgibt, horizontal. 🎜🎜<dir>Die Beschriftung definiert die Verzeichnisliste. 🎜🎜<font>Gibt die Größe, Schriftart und Farbe des Texts an.🎜🎜<frame>Die Beschriftung Definiert das Unterfenster (Frame) 🎜🎜<frameset> Tag definiert ein Frameset 🎜🎜<noframes> zeigt Text für Browser an, die keine Frames unterstützen 🎜🎜<strike> Tag definiert durchgestrichenen Text, bitte verwenden Sie das <del> ;-Tag stattdessen 🎜🎜<tt> Tag definiert Schreibmaschinentext 🎜🎜<u> Tag definiert unterstrichenen Text 🎜🎜🎜🎜🎜Unterstützt <code>HTML5</code> 🎜🎜🎜<code>IE8/IE7/IE6</code> unterstützt Tags, die von der <code>document.createElement</code>-Methode generiert wurden🎜🎜Mit dieser Funktion können Sie dafür sorgen, dass diese Browser <code>HTML5</code>unterstützen > Code>Neues Tag🎜🎜Nachdem der Browser neue Tags unterstützt, müssen Sie den Standardstil des Tags hinzufügen🎜🎜🎜🎜🎜Verwandte Empfehlungen: „🎜HTML-Video-Tutorial🎜“🎜</code><p>Das obige ist der detaillierte Inhalt vonWelche Elemente wurden aus den neuen Funktionen von HTML5 entfernt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">html5</a> <a href="javascript:void(0);">html</a> <a href="javascript:void(0);">Object</a> <a href="javascript:void(0);">date</a> <a href="javascript:void(0);">Calendar</a> <a href="javascript:void(0);">canvas</a> <a href="javascript:void(0);">websocket</a><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="Bringen Sie Ihnen bei, wie Sie mit CSS in zehn Minuten Raucheffekte erzielen" href="https://m.php.cn/de/faq/487580.html">Bringen Sie Ihnen bei, wie Sie mit CSS in zehn Minuten Raucheffekte erzielen</a></span><span>Nächster Artikel:<a class="dBlack" title="Bringen Sie Ihnen bei, wie Sie mit CSS in zehn Minuten Raucheffekte erzielen" href="https://m.php.cn/de/faq/487609.html">Bringen Sie Ihnen bei, wie Sie mit CSS in zehn Minuten Raucheffekte erzielen</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/487500.html" title="Welches Listenformular ist in HTML5 veraltet?" class="aBlack">Welches Listenformular ist in HTML5 veraltet?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/487501.html" title="Wie wird Absatztext in HTML5 dargestellt?" class="aBlack">Wie wird Absatztext in HTML5 dargestellt?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/487504.html" title="So verwenden Sie Tastenkombinationen zum Implementieren von Kommentaren in HTML5" class="aBlack">So verwenden Sie Tastenkombinationen zum Implementieren von Kommentaren in HTML5</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/487512.html" title="Stimmt es, dass h5 die Abkürzung für html5 ist?" class="aBlack">Stimmt es, dass h5 die Abkürzung für html5 ist?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/487513.html" title="Was ist der Code zum Entfernen des äußeren Randes eines Elements in HTML5?" class="aBlack">Was ist der Code zum Entfernen des äußeren Randes eines Elements in HTML5?</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>