Ringkasan beberapa cadangan gaya penulisan kod HTML_HTML/Xhtml_Pengeluaran halaman web-html tutorial-php.cn

Ringkasan beberapa cadangan gaya penulisan kod HTML_HTML/Xhtml_Pengeluaran halaman web

WBOY

Lepaskan： 2016-05-16 16:36:07

asal

1578 orang telah melayarinya

Protokol yang mengetepikan fail sumber

Adalah disyorkan untuk meninggalkan bahagian protokol (http:, https:) dalam URL gambar, fail media, gaya dan skrip Selepas meninggalkan bahagian protokol, fail sumber akan mewarisi protokol URL halaman hanya boleh menghalang masalah kandungan bercampur, Anda juga boleh mengurangkan saiz halaman Contohnya: merujuk fail JavaScript boleh ditulis dengan cara yang dicadangkan berikut.

Mengapa teg h4, h5, h6 jarang digunakan?

Teg tajuk termasuk h1 hingga h6 Kami biasanya menggunakan h1, h2, h3, tetapi jarang menggunakan h4, h5 dan h6.

Dalam laman web yang semantik yang munasabah dan berani berjalan telanjang (tanpa menggunakan CSS untuk susun atur), selain menjadi semantik, tag tajuk juga mempunyai beberapa kesan penggayaan Tetapi hari ini apabila CSS popular, menggunakan h1 dan h6 sebenarnya tidak banyak perbezaan Bezanya, penampilan boleh digunakan secara santai.

Sebagai tag tajuk, ia mempunyai fungsi yang lebih berkuasa Elemen tajuk bermaksud kata kunci dengan berat yang tinggi pada halaman, jadi h1, h2 dan h3 kerap digunakan untuk menimbang kata kunci nilainya tidak tinggi, malah tidak sehebat dan em, jadi ia dianggarkan tahap kebenaran mereka adalah seperti berikut:

h1 > h2 >

Bila hendak menggunakan thead, tbody atau tfoot?

Saya pada asalnya berpendapat bahawa iklan digunakan sebagai pengepala jadual untuk memegang unit tajuk jadual, seperti th; manakala tbody digunakan untuk memegang kandungan jadual, dan tfoot adalah penerangan jadual betul. Tag ini sebenarnya boleh diketepikan.

Oleh kerana penyemak imbas secara amnya memerlukan keseluruhan jadual untuk dimuat turun sebelum ia mula dipaparkan, yang menjejaskan pembacaan pengguna dalam era reka letak jadual Oleh itu, teg ini digunakan untuk membahagikan jadual kepada beberapa bahagian jadual dan yang dimuat turun bahagian boleh dipaparkan

Tinggalkan teg pilihan
Pelajar yang telah menggunakan Dreamwave sepatutnya mempunyai tanggapan bahawa apabila anda mencipta fail HTML, kod lalai adalah seperti berikut.

Kod XML/HTML

Salin kandungan ke papan keratan

<html>
<kepala>
kepala>
<badan>
badan>
html>

Kami akan meletakkan tajuk, CSS luaran dan rujukan JavaScript di kawasan kepala, dan kandungan yang dipaparkan pada halaman akan diletakkan di dalam badan, tetapi sebenarnya html, kepala dan badan adalah semua teg yang tidak boleh diketepikan.

Selepas memadamkan tag pilihan ini, ia kelihatan pelik, tetapi halaman dipaparkan seperti biasa dan pengesanan W3C boleh saya lakukan di blog saya Tetapi ada satu perkara yang perlu diperhatikan, jika anda ingin menulis halaman itu XHTML , kemudian sila simpan teg html, kerana anda masih memerlukan kod berikut sebagai pernyataan.

Kod XML/HTML

Salin kandungan ke papan keratan

<html xmlns="http://www .w3.org/1999/xhtml">

b-Tag und i-Tag

Viele Leute denken, dass das b-Tag und das i-Tag das gleiche Schicksal haben wie das u-Tag und vom W3C als „nicht empfohlene Tags“ eingestuft werden. In der HTML5-Spezifikation werden diese beiden Tags jedoch immer noch empfohlen Ich war mir dessen immer bewusst. Ich habe sogar mit meinen Freunden darüber gestritten, aber ich habe nie verstanden, wie man sie in HTML5 definiert.

Stunden-Tag

hr ist eine Linie, eine horizontale Linie, die Inhalte teilt. Ich habe immer gedacht, dass hr eine beschissene Sache ist, unabhängig davon, ob sie mit CSS verarbeitet werden kann. Tatsächlich ist hr die Trennlinie des Artikels. Der Kontext des Artikels ist vollständig getrennt, sodass sie irrelevant sind.

Es funktioniert wie die Trennlinie in der Abbildung unten, die in vielen Blogbeiträgen erscheint, mit der Ausnahme, dass hr semantisch gleich ist und Crawler sie auch verstehen können
2016310120400893.png (600×180)

Warum verwenden wir Tags als Schaltflächen?

Es ist verständlich, dass es sich nicht um den Eingabetyp „button“ handelt, da der Hover-Effekt in niedrigeren Versionen des IE nicht sichtbar ist. Aber warum wird ein Tag ohne href in einen Button umgewandelt? . Dieser Ansatz ist richtig, oder? Ich habe noch nicht darüber nachgedacht, das zu tun war wie ein konditionierter Reflex.
2016310120417859.png (600×341)

Nachwort

Der HTML/CSS-Codierungsstil-Leitfaden von Google ist ein kurzer und prägnanter Leitfaden zum Schreiben von Code. Er ist sehr nützlich, aber seien Sie bitte nicht abergläubisch. Es gibt einen Punkt darin, der die Verwendung von zwei Leerzeichen zum Einrücken empfiehlt, was möglicherweise nicht der Fall ist Sex ist in vielen Teams machbar, unser Team verwendet jetzt noch Tabs.

Viele HTML-Vorschläge in diesem Handbuch beziehen sich auf HTML5, aber hier wird der HTML-Stil anstelle des XHTML-Stils verwendet. An vielen Stellen beeinträchtigt das Weglassen von Code tatsächlich die Lesbarkeit des Codes .