<h1 style="margin:0px; padding:10px 0px; font-size:20px; font-weight:500; color:rgb(0,136,219); text-align:center">Kurze Diskussion: Der Unterschied zwischen HTML5 und HTML</h1>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">In letzter Zeit sind mobile Websites und HTML5 die beliebtesten Wörter in Gruppenchats. Manche Leute fragen sich vielleicht: Welche Beziehung besteht zwischen den beiden? Mit der rasanten Entwicklung des mobilen Internets, insbesondere der 4G-Ära, und der Tatsache, dass Microsoft keine Update-Patches oder Wartung für „XP-Systeme“ bereitstellt, ist „html5+css3“ nach und nach zu einer neuen Generation der Web-Front-End-Technologie geworden. Mobile Websites sind nach und nach zum Trend geworden. </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"><span style="margin:0px; padding:0px">Was ist HTML5? </span></p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">html5 ist eine Hypertext-Markup-Sprache, die zuerst von der WHATWG (Web Hypertext Application Technology Working Group) benannt und dann mit xhtml2.0 (Standard) des W3C kombiniert wurde, um die neueste Generation der Hypertext-Markup-Sprache zu erzeugen. Es kann einfach verstanden werden als: HTML 5 ≈ HTML4.0+CSS3+JS+API. </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"><span style="margin:0px; padding:0px">Was ist der Unterschied zwischen hmtl5 und html? </span></p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">Die statischen Webseiten, die wir derzeit im Web-Frontend entwickeln, sind im Allgemeinen HTML4.0. Gleichzeitig entspricht es der xhtml1.0-Spezifikation des W3C. Was sind also die wesentlichen Unterschiede zwischen ihnen? </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"><span style="margin:0px; padding:0px">1. Auf der Dokumenttypdeklaration</span></p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">html:</p>
<table style="outline:0px; font-size:13px; font-variant:inherit ; Schriftfamilie:Monaco,Menlo,Monospace:1px solid rgb(204,204,204); left:auto; overflow:auto; :0px; position:relative; top:auto; Vertical-align:baseline; width:100% :static; right:auto; left:auto margin:0px; top:auto :auto; min-height:auto; background:none" class="firstRow"><td style="vertical-align:baseline; :0px 1px 0px 0px; border-bottom-style:initial; border-bottom-color:initial; color:initial; float:none; margin:visible; right:auto; height:auto; padding:9.5px 9.5px; color:rgb(175,175,175); border-right-color:rgb(225,225,232); ">
<p style="right:auto; border:0px; float:none; overflow:normal; :none; top:auto; width:auto; white-space:pre; style=" right:auto margin:0px border:0px unten:auto float:none left:auto outline:0px overflow:visible position:static zeilenumbruch:normal hintergrund:none top :auto vertical-align:baseline width:auto rand:0px min-height:pre text-align:right:0px>3</p>
<table style='outline:0px; font-size:13px; font-variant:inherit; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border:1px solid rgb(204,204,204); bottom:auto; float:none; left:auto; margin:0.3em 0px; overflow:auto; padding:0px; position:relative; right:auto; top:auto; vertical-align:baseline; min-height:auto; background:none rgb(245,245,245); width:100%'><tbody><tr style="position:static; right:auto; border:0px; float:none; left:auto; margin:0px; outline:0px; overflow:visible; padding:0px; bottom:auto; top:auto; vertical-align:baseline; width:auto; min-height:auto; background:none" class="firstRow">
<td style='vertical-align:baseline; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border-width:0px 1px 0px 0px; border-top-style:initial; border-bottom-style:initial; border-left-style:initial; border-top-color:initial; border-bottom-color:initial; border-left-color:initial; float:none; left:auto; margin:0px; outline:0px; overflow:visible; background:none rgb(247,247,249); position:static; right:auto; top:auto; bottom:auto; min-height:auto; font-size:13px; padding:9.5px 0px 9.5px 9.5px; color:rgb(175,175,175); border-right-style:solid; border-right-color:rgb(225,225,232); width:4.0393%'>
<p style="right:auto; margin:0px; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; position:static; word-wrap:normal; background:none; top:auto; vertical-align:baseline; width:auto; min-height:auto; white-space:pre; text-align:right; padding:0px 0.5em 0px 1em">1</p>
<p style="right:auto; margin:0px; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; position:static; word-wrap:normal; background:none; top:auto; vertical-align:baseline; width:auto; min-height:auto; white-space:pre; text-align:right; padding:0px 0.5em 0px 1em">2</p>
<p style="right:auto; margin:0px; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; position:static; word-wrap:normal; background:none; top:auto; vertical-align:baseline; width:auto; min-height:auto; white-space:pre; text-align:right; padding:0px 0.5em 0px 1em">3</p>
</td>
<td style='position: static; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; right: auto; border: 0px none; float: none; left: auto; margin: 0px; outline: 0px none; overflow: visible; padding: 0px; bottom: auto; top: auto; vertical-align: baseline; font-size: 13px; min-height: auto; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; width: 95.0873%; word-break: break-all;'><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"></pre><div class="contentsignin">Nach dem Login kopieren</div></div></td></tr></tbody></table></td><td style="position : statisch; Schriftfamilie: Monaco, Menlo, „Monospace“ rechts: automatisch; Rand: 0px; padding: 0px; top: auto; width: 95,0873 %; word-break: break-all;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html></pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div></td></tr></tbody></table><p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> HTML5:<br/></p><table style="outline:0px; font-size:13px; font-variant:inherit; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border:1px solid rgb(204,204,204); bottom:auto; float:none; left:auto; margin:0.3em 0px; overflow:auto; padding:0px; position:relative; right:auto; top:auto; vertical-align:baseline; min-height:auto; background:none rgb(245,245,245); width:100%"><tbody><tr style="position:static; right:auto; border:0px; float:none; left:auto; margin:0px; outline:0px; overflow:visible; padding:0px; bottom:auto; top:auto; vertical-align:baseline; width:auto; min-height:auto; background:none" class="firstRow"><td style="vertical-align:baseline; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border-width:0px 1px 0px 0px; border-top-style:initial; border-bottom-style:initial; border-left-style:initial; border-top-color:initial; border-bottom-color:initial; border-left-color:initial; float:none; left:auto; margin:0px; outline:0px; overflow:visible; background:none rgb(247,247,249); position:static; right:auto; top:auto; bottom:auto; min-height:auto; font-size:13px; padding:9.5px 0px 9.5px 9.5px; color:rgb(175,175,175); border-right-style:solid; border-right-color:rgb(225,225,232); width:4.0393%"><p style="right:auto; margin:0px; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; position:static; word-wrap:normal; background:none; top:auto; vertical-align:baseline; width:auto; min-height:auto; white-space:pre; text-align:right; padding:0px 0.5em 0px 1em">1</p></td><td style="position: static; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; right: auto; border: 0px none; float: none; left: auto; margin: 0px; outline: 0px none; overflow: visible; padding: 0px; bottom: auto; top: auto; vertical-align: baseline; font-size: 13px; min-height: auto; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; width: 95.0873%; word-break: break-all;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html></pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div></td></tr></tbody></table><p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">由这两者对比可见：在文档声明上，html有很长的一段代码，并且很难记住这段代码，想必很多人都是靠工具直接生成的吧？而html5却是不同，只有简简单单的声明，这也方便人们的记忆，更加精简。</p><p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"><span style="margin:0px; padding:0px">2.在结构语义上</span></p><p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">html4.0：没有体现结构语义化的标签，我们通常都是这样来命名的</p><table style="outline:0px; font-size:13px; font-variant:inherit; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border:1px solid rgb(204,204,204); bottom:auto; float:none; left:auto; margin:0.3em 0px; overflow:auto; padding:0px; position:relative; right:auto; top:auto; vertical-align:baseline; min-height:auto; background:none rgb(245,245,245); width:100%"><tbody><tr style="position:static; right:auto; border:0px; float:none; left:auto; margin:0px; outline:0px; overflow:visible; padding:0px; bottom:auto; top:auto; vertical-align:baseline; width:auto; min-height:auto; background:none" class="firstRow"><td style="vertical-align:baseline; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border-width:0px 1px 0px 0px; border-top-style:initial; border-bottom-style:initial; border-left-style:initial; border-top-color:initial; border-bottom-color:initial; border-left-color:initial; float:none; left:auto; margin:0px; outline:0px; overflow:visible; background:none rgb(247,247,249); position:static; right:auto; top:auto; bottom:auto; min-height:auto; font-size:13px; padding:9.5px 0px 9.5px 9.5px; color:rgb(175,175,175); border-right-style:solid; border-right-color:rgb(225,225,232); width:4.0393%"><p style="right:auto; margin:0px; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; position:static; word-wrap:normal; background:none; top:auto; vertical-align:baseline; width:auto; min-height:auto; white-space:pre; text-align:right; padding:0px 0.5em 0px 1em">1</p></td><td style="position: static; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; right: auto; border: 0px none; float: none; left: auto; margin: 0px; outline: 0px none; overflow: visible; padding: 0px; bottom: auto; top: auto; vertical-align: baseline; font-size: 13px; min-height: auto; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; width: 95.0873%; word-break: break-all;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><p id="header"></p></pre><div class="contentsignin">Nach dem Login kopieren</div></div></td></tr></tbody></table><p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">这样表示网站的头部。</p><p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">html5：在语义上却有很大的优势。提供了一些新的html5标签，比如:</p><table style="outline:0px; font-size:13px; font-variant:inherit; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border:1px solid rgb(204,204,204); bottom:auto; float:none; left:auto; margin:0.3em 0px; overflow:auto; padding:0px; position:relative; right:auto; top:auto; vertical-align:baseline; min-height:auto; background:none rgb(245,245,245); width:100%"><tbody><tr style="position:static; right:auto; border:0px; float:none; left:auto; margin:0px; outline:0px; overflow:visible; padding:0px; bottom:auto; top:auto; vertical-align:baseline; width:auto; min-height:auto; background:none" class="firstRow"><td style="vertical-align: baseline; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; border-width: 0px 1px 0px 0px; border-top-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-bottom-color: initial; border-left-color: initial; float: none; left: auto; margin: 0px; outline: 0px none; overflow: visible; background: rgb(247, 247, 249) none repeat scroll 0% 0%; position: static; right: auto; top: auto; bottom: auto; min-height: auto; font-size: 13px; padding: 9.5px 0px 9.5px 9.5px; color: rgb(175, 175, 175); border-right: 1px solid rgb(225, 225, 232); width: 4.0393%; word-break: break-all;"><p style="right:auto; margin:0px; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; position:static; word-wrap:normal; background:none; top:auto; vertical-align:baseline; width:auto; min-height:auto; white-space:pre; text-align:right; padding:0px 0.5em 0px 1em">1</p></td><td style="position: static; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; right: auto; border: 0px none; float: none; left: auto; margin: 0px; outline: 0px none; overflow: visible; padding: 0px; bottom: auto; top: auto; vertical-align: baseline; font-size: 13px; min-height: auto; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; width: 95.0873%; word-break: break-all;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><header>、<nav>、<article>、<aside>、<footer>..</pre><div class="contentsignin">Nach dem Login kopieren</div></div></td>
</tr></tbody></table>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"><span style="margin:0px; padding:0px">3. Leistungsstarke neue Funktionen von HTML5 </span><br></p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"><span style="margin:0px; padding:0px"> (1) Leistungsstarke Zeichenfunktion </span></p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> Möglicherweise gibt es einige Animationen, oder Durch die leistungsstarke Malfunktion und JS können Bilder in HTML5 realisiert werden. Aber es funktioniert nicht in HTML4.0. </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> In HTML5 gibt es zwei Dinge, die gezeichnet werden können. Schauen wir uns an, welche zwei magischen Dinge das sind. </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 1. Canvas-Tag </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> Canvas zeichnet 2D-Grafiken über JavaScript. Canvas rendert Pixel für Pixel. </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> Sobald die Grafik im Canvas gezeichnet ist, erhält sie nicht mehr die Aufmerksamkeit des Browsers. Wenn sich die Position ändert, muss die gesamte Szene neu gezeichnet werden, einschließlich aller Objekte, die möglicherweise von Grafiken verdeckt wurden. </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 2.SVG</p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> SVG ist eine Sprache, die XML zur Beschreibung von 2D-Grafiken verwendet. SVG basiert auf XML, was bedeutet, dass jedes Element im SVG-DOM verfügbar ist. Sie können einem Element einen JavaScript-Ereignishandler hinzufügen. In SVG wird jede gezeichnete Form als Objekt behandelt. Ändern sich die Eigenschaften eines SVG-Objekts, kann der Browser die Grafik automatisch reproduzieren. </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">Im Vergleich zu anderen Bildformaten (wie JPEG und GIF) bietet die Verwendung von SVG folgende Vorteile: </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> (1) SVG-Bilder können mit einem Texteditor erstellt und geändert werden </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> (2) SVG-Bilder können durchsucht, indiziert, mit Skripten versehen oder komprimiert werden </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> (3) SVG ist skalierbar </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> (4) SVG-Bilder können in jeder Auflösung mit hoher Auflösung gedruckt werden Qualität </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> (5) SVG kann ohne Verlust der Bildqualität vergrößert werden </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> Dann schauen wir uns an, was der Unterschied zwischen ihnen ist: </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"><span style="margin:0px; padding:0px">Leinwand</span></p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 1. Hängt von der Auflösung ab </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 2. Unterstützt keine Ereignishandler </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 3. Schwache Textwiedergabefunktionen </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 4. Möglichkeit, Ergebnisbilder im .png- oder .jpg-Format zu speichern </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 5. Am besten geeignet für bildintensive Spiele, bei denen viele Objekte häufig neu gezeichnet werden </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"><span style="margin:0px; padding:0px"> SVG</span></p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 1. Hängt nicht von der Auflösung ab </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 2. Unterstützt Event-Handler </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 3. Am besten geeignet für Anwendungen mit großen Rendering-Bereichen. Programme (z. B. Google Maps) </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 4. Hohe Komplexität verlangsamt die Rendering-Geschwindigkeit (jede Anwendung, die übermäßig DOM nutzt, ist nicht schnell) </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 5. Nicht für Spieleanwendungen geeignet </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"><span style="margin:0px; padding:0px"> (2) Neu Video-Tags </span></p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> Wenn wir in HTML4.0 ein Video einfügen möchten, müssen wir möglicherweise auch einen langen Codeabschnitt zitieren. Aber im Fall von HTML5. Wir müssen es nur für ein Video-Tag verwenden. </p>
<table style='outline:0px; font-size:13px; font-variant:inherit; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border:1px solid rgb(204,204,204); bottom:auto; float:none; left:auto; margin:0.3em 0px; overflow:auto; padding:0px; position:relative; right:auto; top:auto; vertical-align:baseline; min-height:auto; background:none rgb(245,245,245); width:100%'><tbody><tr style="position:static; right:auto; border:0px; float:none; left:auto; margin:0px; outline:0px; overflow:visible; padding:0px; bottom:auto; top:auto; vertical-align:baseline; width:auto; min-height:auto; background:none" class="firstRow">
<td style='vertical-align:baseline; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border-width:0px 1px 0px 0px; border-top-style:initial; border-bottom-style:initial; border-left-style:initial; border-top-color:initial; border-bottom-color:initial; border-left-color:initial; float:none; left:auto; margin:0px; outline:0px; overflow:visible; background:none rgb(247,247,249); position:static; right:auto; top:auto; bottom:auto; min-height:auto; font-size:13px; padding:9.5px 0px 9.5px 9.5px; color:rgb(175,175,175); border-right-style:solid; border-right-color:rgb(225,225,232); width:4.0393%'><p style="right:auto; margin:0px; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; position:static; word-wrap:normal; background:none; top:auto; vertical-align:baseline; width:auto; min-height:auto; white-space:pre; text-align:right; padding:0px 0.5em 0px 1em">1</p></td>
<td style='position: static; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; right: auto; border: 0px none; float: none; left: auto; margin: 0px; outline: 0px none; overflow: visible; padding: 0px; bottom: auto; top: auto; vertical-align: baseline; font-size: 13px; min-height: auto; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; width: 95.0873%; word-break: break-all;'><p style="position:static; margin:0px; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; right:auto; top:auto; vertical-align:baseline; width:auto; min-height:auto; background:none; padding:0px 1em"><code style='position:static; margin:0px; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; padding:0px; right:auto; top:auto; vertical-align:baseline; width:auto; min-height:auto; background:none'> </code><code style='right:auto; margin:0px; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; position:static; padding:0px; top:auto; vertical-align:baseline; width:auto; min-height:auto; background:none'><</code><code style="right:auto; margin:0px; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; position:static; padding:0px; top:auto; vertical-align:baseline; width:auto; min-height:auto; background:none; color:gray">video
src</code><code style="right:auto; margin:0px; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; position:static; padding:0px; top:auto; vertical-align:baseline; width:auto; min-height:auto; background:none">=</code><code style="right:auto; margin:0px; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; position:static; padding:0px; top:auto; vertical-align:baseline; width:auto; min-height:auto; background:none; color:blue">"视频地址"</code><code style="right:auto; margin:0px; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; position:static; padding:0px; top:auto; vertical-align:baseline; width:auto; min-height:auto; background:none">></</code><code style="right:auto; margin:0px; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; position:static; padding:0px; top:auto; vertical-align:baseline; width:auto; background:none; min-height:auto; font-weight:bold; color:rgb(255,120,0)">video</code><code style="right:auto; margin:0px; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; border:0px; bottom:auto; float:none; left:auto; outline:0px; overflow:visible; position:static; padding:0px; top:auto; vertical-align:baseline; width:auto; min-height:auto; background:none">>//详细属性可以见下图</code></p></td>
</tr></tbody></table>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">Welche Vorteile bietet die Bereitstellung eines solchen Labels? </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">Erstens: Sparen Sie Programmierern Zeit beim Schreiben von Code. </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">Zweitens: Ich denke, das Wichtigste ist die SEO-Optimierung. </p>
<p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">Ob wir das Webmodul selbst benennen, es gibt immer noch einen solchen Tag. Denn das ultimative Ziel beim Erstellen einer Website ist nur eines, nämlich Geld zu verdienen. Wenn Sie Gewinn machen wollen, können Sie Ihr Website-Ranking nur durch SEO-Optimierungstechnologie verbessern, sodass Ihre Website wertvoll wird, und genau diesen Punkt erfüllt HTML5. Warum sagst du das? Denn die von ihm definierten Tags sind optimierungsförderlicher und Spider können Sie identifizieren. </p>
<p style="margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;">Zusammenfassung: Obwohl HTML5 schon vor ein paar Jahren auf den Markt kam, war es damals nicht beliebt, weil es noch nicht ausgereift genug war und der Zeitpunkt nicht richtig war. In einer Zeit, in der sich das Internet rasant entwickelt, naht auch die Ära von 4G. Wenn wir hml5+css3 nicht lernen, sind wir raus! </p>
</td></table>
Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen HTML5 und HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
