Rumah hujung hadapan web html tutorial Ringkasan beberapa cadangan gaya penulisan kod HTML_HTML/Xhtml_Pengeluaran halaman web

Ringkasan beberapa cadangan gaya penulisan kod HTML_HTML/Xhtml_Pengeluaran halaman web

May 16, 2016 pm 04:36 PM
html spesifikasi gaya

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
  1. <html>
  2. <kepala>
  3. kepala>
  4. <badan>
  5. badan>
  6. 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
  1. <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 .

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Sempadan Jadual dalam HTML Sempadan Jadual dalam HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.

HTML jidar-kiri HTML jidar-kiri Sep 04, 2024 pm 04:48 PM

Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.

Jadual Bersarang dalam HTML Jadual Bersarang dalam HTML Sep 04, 2024 pm 04:49 PM

Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.

Susun Atur Jadual HTML Susun Atur Jadual HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.

Pemegang Tempat Input HTML Pemegang Tempat Input HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML Sep 04, 2024 pm 04:45 PM

Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.

Senarai Tertib HTML Senarai Tertib HTML Sep 04, 2024 pm 04:43 PM

Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing

Butang onclick HTML Butang onclick HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.

See all articles