Analisis gaya penulisan HTML yang berpengalaman dan sebab_HTML/Xhtml_Penghasilan halaman web

1. Navigasi: Senarai tidak tertib berbanding elemen tag lain

Sebab menggunakan "senarai tidak tertib" yang paling biasa digunakan untuk menulis navigasi ialah Jelas sekali, ia mewakili senarai pautan, yang dengan sendirinya cukup alasan untuk memilih label senarai. Tetapi gaya lalai senarai perlu dialih keluar untuk menjadikannya lebih bermakna.
Faedah lain mungkin di luar imaginasi anda: anda membuat senarai dan menambah pautan padanya, dan anda boleh menggunakan CSS untuk mengawal dan menentukan rentetan elemen dalam senarai.

• 收集分享

2. Laluan (serbuk roti): tag perenggan p ke tag senarai

Kita boleh membincangkan isu ini bersama-sama Jika anda mempunyai cara lain yang lebih baik, sila maklumkan kepada kami. Secara peribadi, saya lebih suka menulis laluan (serbuk roti) menggunakan kod seperti berikut. (Namun, saya tidak menggunakan simbol >> selalunya).

<p id="breadcrumbs"><a href="#">首页</a> » <a href="#">关于我们</a> </p>

Laluan tapak web (serbuk roti) mempunyai hubungan hierarki dalam halaman tertentu Secara logiknya, senarai itu harus bersarang untuk menunjukkan hubungan hierarki, tetapi jika terdapat hanya satu item dalam senarai anda, bagaimana pendapat anda tentang perkara ini? Situasi macam mana? Saya secara peribadi merasakan bahawa laluan halaman web (serbuk roti) harus dipaparkan dalam satu baris.

3. Butang lawan Input
Saya tidak ingat kali terakhir saya menggunakan input type="submit", tetapi saya berhenti menggunakannya sejak lama kerana dua sebab : Mengapa anda perlu memasukkan type="submit" untuk elemen butang? Botton ialah elemennya sendiri. Dan ia juga membolehkan kami menulis elemen tag lain di dalamnya, dengan itu mengembangkan kemungkinan kami untuk keplastikannya.

<button type="submit">Submit Form</button>

4. Tinggalkan mesej: senarai tertib (ol) lwn. senarai tak tersusun (ul)

senarai memang hebat! Terdapat 3 jenis yang berbeza (senarai tersusun, tidak tersusun dan ditakrifkan) dan masing-masing mempunyai tujuan tersendiri. Mungkin anda keliru tentang bila hendak menggunakan senarai tertib (ol) dan bila hendak menggunakan senarai tidak tersusun (ul), kerana ia masuk akal apabila digunakan. Mesejnya sedikit seperti contoh dalam buku teks yang disusun dengan kemas mengikut kronologi, disusun secara semula jadi ke atas. Setiap ulasan sepadan dengan masa tetap, jadi struktur ulasan harus menggunakan senarai tersusun (ol).

<ol>
	<li>
	<ul>
	<li><img src="path-to-gravatar.gif" alt="Author's name"></li>
	<li><a href="url-to-authors-homepage.html">Author's name</a></li>

	<li>posted on date-goes-here</li>
	</ul>
	<div>Comment text goes here...</div>
	</li>
</ol>

5. label/input: div Untuk elemen label lain

, tetapkan struktur induk di luar label/input terbaik?

<label for="contactName">Your Name</label>
<input type="text" name="contactName" id="contactName">

Menggunakan kod label yang sesuai boleh dibincangkan pada masa lalu, tetapi kini saya masih memilih untuk menggunakan div untuk membenamkan label/input Label dan label yang berkaitan dianggap secara keseluruhan. Elemen div mempunyai pelbagai sifat semantik, dan ia boleh menyesuaikan diri dengan sebarang situasi.

<div>
	<label for="contactName">Your Name</label>
	<input type="text" name="contactName" id="contactName">
</div>

Teks asal Cina: 5 pilihan penulisan html saya
Teks asal Bahasa Inggeris: Saya 5 Pilihan Pengekodan HTML Teratas