Quelle est la différence entre html5 et html

<h1 style="margin:0px; padding:10px 0px; font-size:20px; font-weight:500; color:rgb(0,136,219); text-align:center">Brève discussion : La différence entre html5 et html</h1> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">Récemment, les mots les plus populaires dans les discussions de groupe sont les sites Web mobiles et html5. Certaines personnes pourraient se demander quelle est la relation entre les deux ? Avec le développement rapide de l'Internet mobile, en particulier à l'ère de la 4G, et le fait que Microsoft ne fournit pas de correctifs de mise à jour ni de maintenance pour le « système XP », « html5+css3 » est progressivement devenu une nouvelle génération de technologie frontale Web. les sites Web mobiles sont progressivement devenus une tendance. </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"><span style="margin:0px; padding:0px">Qu'est-ce que le HTML5 ? </span></p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">html5 est un langage de balisage hypertexte nommé pour la première fois par WHATWG (Web Hypertext Application Technology Working Group), puis combiné avec le xhtml2.0 (standard) du W3C pour produire la dernière génération de langage de balisage hypertexte. Cela peut être simplement compris comme : 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">Quelle est la différence entre hmtl5 et html ? </span></p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">Les pages Web statiques que nous développons actuellement sur le front-end Web sont généralement HTML4.0. En même temps, il est conforme à la spécification xhtml1.0 du W3C. Alors, quelles sont les différences substantielles entre eux ? </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"><span style="margin:0px; padding:0px">1. Sur la déclaration du type de document</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 ; famille de polices : Monaco, Menlo, Consolas, « Courier New », monospace ; bordure : 1px solid rgb(204,204,204) ; :0px; position:relative; right:auto; vertical-align:baseline; min-height:auto; background:none rgb(245,245,245); :static; right:auto; float:none; left:auto margin:0px; :auto; min-height:auto; background:none" class="firstRow"><td style="vertical-align:baseline; font-family:Monaco,Menlo,Consolas," courier new :0px border-top-style:initial border-bottom-style:initial border-left-style:initial border-bottom-color:initial couleur : initial float gauche marge contour visible hauteur auto taille de police px remplissage rvb> <p style="right:auto; margin:0px; bottom:auto; float:auto; contour:visible; :aucun; top:auto; vertical-align:baseline; width:auto; min-height:auto; text-align:right; style = " droite: auto marge: bordure: bas: flotteur: aucun gauche: contour: d visible position: statique retour la ligne: normal arri haut :auto vertical-align:baseline width:auto min-height:auto text-align:right margin:0px bottom:auto float:none overflow:visible white-space:pre padding: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">Copier après la connexion</div></div></td></tr></tbody></table></td><td style="position : statique ; famille de polices : Monaco, Menlo, Consolas, "Courier New", monospace ; bordure : 0px aucune ; marge : auto; remplissage : 0px ; bas : auto ; largeur : 95,0873 % ; coupure de mots : 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">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</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">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</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">Copier après la connexion</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">Copier après la connexion</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. Nouvelles fonctionnalités puissantes de 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) Fonction de dessin puissante </span></p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> Il peut y avoir des animations, ou Les images peuvent être réalisées en HTML5 grâce à la puissante fonction de peinture et à JS. Mais cela ne fonctionne pas en HTML4.0. </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> En HTML5, il y a deux choses qui peuvent être dessinées. Voyons de quelles choses il s'agit. </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 1. Balise Canvas </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> Canvas dessine des graphiques 2D via JavaScript Canvas restitue pixel par pixel. </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> Dans Canvas, une fois le graphique dessiné, il ne recevra plus l'attention du navigateur. Si sa position change, la scène entière doit être redessinée, y compris tous les objets qui auraient pu être recouverts par des graphiques. </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 est un langage qui utilise XML pour décrire les graphiques 2D. SVG est basé sur XML, ce qui signifie que chaque élément du DOM SVG est disponible. Vous pouvez attacher un gestionnaire d'événements JavaScript à un élément. En SVG, chaque forme dessinée est traitée comme un objet. Si les propriétés d'un objet SVG changent, le navigateur peut automatiquement reproduire le graphique. </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">Par rapport à d'autres formats d'image (tels que JPEG et GIF), les avantages de l'utilisation de SVG sont : </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> (1) Les images SVG peuvent être créées et modifiées via un éditeur de texte </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> (2) Les images SVG peuvent être recherchées, indexées, scriptées ou compressées </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> (3) SVG est évolutif </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> (4) Les images SVG peuvent être en haute résolution à n'importe quelle résolution Imprimer avec une haute résolution qualité </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> (5) Le SVG peut être agrandi sans perdre la qualité de l'image </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> Ensuite, les deux peuvent être utilisés pour le dessin. Voyons quelle est la différence entre eux : </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> Canvas<span style="margin:0px; padding:0px"></span></p> 1. Dépend de la résolution <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"></p> 2. Ne prend pas en charge les gestionnaires d'événements <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"></p> 3. Faibles capacités de rendu de texte <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"></p> 4. Possibilité d'enregistrer les images de résultat au format .png ou .jpg <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"></p> 5. Idéal pour les jeux à forte intensité d'images où de nombreux objets seront redessinés fréquemment <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"> SVG<span style="margin:0px; padding:0px"></span></p> 1. Ne dépend pas de la résolution <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"></p> 2. Prend en charge les gestionnaires d'événements <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"></p> 3. Idéal pour les applications avec de grandes zones de rendu Programmes (tels que Google Maps) <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"> 4. Une complexité élevée ralentira la vitesse de rendu (toute application qui utilise excessivement DOM n'est pas rapide) </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 5. Ne convient pas aux applications de jeu </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"><span style="margin:0px; padding:0px"> (2) Nouveau Balises vidéo </span></p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> Peut-être qu'en HTML4.0, si nous voulons insérer une vidéo, nous devons également citer une longue section de code. Mais dans le cas de HTML5. Nous n'avons besoin de l'utiliser que pour une balise vidéo. </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">Quels sont les avantages de proposer un tel label ? </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">Premièrement : faites gagner du temps aux programmeurs en écrivant du code. </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">Deuxième : je pense que la chose la plus importante est l'optimisation du référencement. </p> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px">Que nous nommions nous-mêmes le module de page Web, il existe toujours une telle balise. Parce que le but ultime de la création d’un site Web n’est qu’un seul : gagner de l’argent. Si vous souhaitez réaliser des bénéfices, vous ne pouvez améliorer le classement de votre site Web que grâce à la technologie d'optimisation du référencement, afin que votre site Web ait de la valeur, et c'est précisément ce point que répond html5. Pourquoi tu dis ça ? Parce que les balises qu’il a définies sont plus propices à l’optimisation et que les robots peuvent vous identifier. </p> <p style="margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;">Résumé : Bien que HTML5 soit sorti il ​​y a quelques années, il n'était pas populaire à cette époque car il n'était pas assez mature et le timing n'était pas le bon. À l’heure où Internet se développe rapidement, l’ère de la 4G arrive également. Nous serons éliminés si nous n’apprenons pas hml5+css3 ! </p> </td></table>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!