Heim >Web-Frontend >HTML-Tutorial >Tag 6 beim Erstellen einer Website mithilfe von Webstandards: XHTML-Codespezifikationen

Tag 6 beim Erstellen einer Website mithilfe von Webstandards: XHTML-Codespezifikationen

黄舟
黄舟Original
2016-12-19 15:15:271410Durchsuche

Bevor wir mit der formalen Inhaltsproduktion beginnen, müssen wir zunächst die Codespezifikationen der Webstandards verstehen. Wenn Sie diese Spezifikationen verstehen, können Sie Umwege vermeiden und die Codeüberprüfung so schnell wie möglich durchführen.

1. Alle Tags müssen ein entsprechendes Schluss-Tag haben.

In der Vergangenheit konnte man in HTML viele Tags öffnen, z. B.

, ohne unbedingt das entsprechende zu schreiben

und Dies ist jedoch in XHTML nicht legal. XHTML erfordert eine strenge Struktur und alle Tags müssen geschlossen sein. Wenn es sich um ein separates, ungepaartes Tag handelt, fügen Sie am Ende des Tags ein „/“ hinzu, um es zu schließen. Zum Beispiel:


Web Designer


2. Die Namen aller Tag-Elemente und -Attribute müssen in Kleinbuchstaben angegeben werden

Im Gegensatz zu HTML wird bei XHTML die Groß-/Kleinschreibung beachtet. < ;title> und XHTML erfordert, dass alle Tag- und Attributnamen in Kleinbuchstaben geschrieben sein müssen. Beispiel: <BODY> muss als <body> geschrieben werden. Auch die gemischte Groß-/Kleinschreibung wird nicht erkannt. Normalerweise muss auch der von Dreamweaver automatisch generierte Attributname „onMuSEOver“ in „onmouseover“ geändert werden. </p> <p>3. Alle XML-Tags müssen sinnvoll verschachtelt sein </p> <p> Auch weil XHTML eine strikte Struktur erfordert, müssen alle Verschachtelungen in Ordnung sein. In der Vergangenheit haben wir den Code so geschrieben: </p> <p><br></p> <p><p><b></p>/b></p> <p><br></p> <p> Muss geändert werden in: </p> <p><br></p> <p></p> <p> Die Verschachtelung Schicht für Schicht muss streng symmetrisch sein. </p> <p>4. Alle Attribute müssen in Anführungszeichen gesetzt werden. <br></p> In HTML müssen Sie Attributwerte nicht in Anführungszeichen setzen, in XHTML müssen sie jedoch in Anführungszeichen gesetzt werden. Zum Beispiel: <p></p> <p></p> <p><height=80></p> <p><br></p> <p> Muss geändert werden in: </p> <p> <br></p> <p><height="80"></p> <p><br></p> <p> In besonderen Fällen müssen Sie im Attributwert doppelte Anführungszeichen verwenden. Dies ist möglich Verwenden Sie ", einzelne Anführungszeichen können ' verwenden, zum Beispiel: </p> <p><br></p> <p><alt="say'hello'"></p> <p><br></p> <p> 5. Kodieren Sie alle <- und &-Sonderzeichen </p><p> Jedes Kleiner-als-Zeichen (<), das nicht Teil des Tags ist, muss als <br/></p>& l t kodiert werden ;<p></p>Jedes Größer-als-Zeichen (>), das nicht Teil des Tags ist, muss als </p> <p></p>& g t ;<p></p>Jedes kaufmännische Und-Zeichen (&) codiert werden, das ist nicht Teil der Entität, muss sein. Ist codiert als <p></p>& a m p;<p></p> Hinweis: Zwischen den obigen Zeichen steht kein Leerzeichen <p></p> 6. Weisen Sie allen einen Wert zu attributes <p></p> XHTML gibt alle an. Wenn kein Wert vorhanden ist, wird dieser wiederholt nowrap><p></p><input type="checkbox" name="shirt" value="medium" selected><p></p> <p></p> <p> Muss geändert werden in: <br></p> <p></p> <p><td nowrap ="nowrap"></p> <p><input type="checkbox" name="shirt" value="medium" reviewed=" geprüft“><br></p> <p></p> <p>7. Verwenden Sie „--“ nicht im Kommentarinhalt. <br></p> „--“ darf nur am Anfang und am Ende von vorkommen XHTML-Kommentare sind im Inhalt nicht mehr gültig. Beispielsweise ist der folgende Code ungültig: <p></p> <p></p> <p><!--Kommentar hier-- --------Hier kommentieren--><br></p> <p></p> <p> Ersetzen Sie die internen gepunkteten Linien durch Gleichheitszeichen oder Leerzeichen </p> <p><br></p> <p><!--Hier sind die Kommentare =============Hier sind die Kommentare--></p> <p><br></p> <p> Einige Eine der oben genannten Spezifikationen sieht vielleicht seltsam aus, aber alle dienen dazu, unserem Code einen einheitlichen und einzigartigen Standard zu verleihen, um die zukünftige Wiederverwendung von Daten zu erleichtern </p> <p> Das Obige ist der Inhalt von Tag 6 der Verwendung von Webstandards zum Erstellen eines Website: XHTML-Code-Spezifikation. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn). <br></p> <p></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="Tag 5 beim Erstellen einer Website mithilfe von Webstandards: Weitere Einstellungen im Kopfbereich" href="https://m.php.cn/de/faq/345362.html">Tag 5 beim Erstellen einer Website mithilfe von Webstandards: Weitere Einstellungen im Kopfbereich</a></span><span>Nächster Artikel:<a class="dBlack" title="Tag 5 beim Erstellen einer Website mithilfe von Webstandards: Weitere Einstellungen im Kopfbereich" href="https://m.php.cn/de/faq/345364.html">Tag 5 beim Erstellen einer Website mithilfe von Webstandards: Weitere Einstellungen im Kopfbereich</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><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/de/faq/348757.html" title="Zusammenfassung der HTML-Kenntnisse" class="aBlack">Zusammenfassung der HTML-Kenntnisse</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348804.html" title="So lernen Sie schnell HTML" class="aBlack">So lernen Sie schnell HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348873.html" title="Der Unterschied zwischen HTML xHTML XML" class="aBlack">Der Unterschied zwischen HTML xHTML XML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348884.html" title="Der Unterschied zwischen src- und href-Attributen" class="aBlack">Der Unterschied zwischen src- und href-Attributen</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348902.html" title="Über die Verwendung von HTML5 und CSS-Ersatz" class="aBlack">Über die Verwendung von HTML5 und CSS-Ersatz</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>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><!-- 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>