Terjemahan: Cara Menulis Kode HTML yang Indah

Kode HTML yang indah seperti apa cara menulis kode HTML yang indah.

Sebuah artikel yang ditulis oleh orang asing: Kode HTML yang indah seperti apa cara menulis kode HTML yang indah terasa sangat baik. Cetak ulang dan bagikan dengan Anda:

PS: Alamat Asli: http://css-tricks.com/what-weautiful-html-code-looks-like/

Jangan lupa deklarasi di kepala, itu akan memberi tahu browser cara membuat HTML Anda.

Atur judul, set karakter. Konfigurasikan tautan eksternal CSS dan JS (termasuk cetak CSS).

Beri Tubuh ID. Alasan penulis yang disebutkan di sini adalah untuk memfasilitasi pemilihan wadah menengah untuk beberapa halaman. Misalnya, dengan mengatur ID yang berbeda untuk Badan di Page1 dan Page2, Anda dapat mengatur dua efek berbeda melalui #Page1 H2 dan #Page2 H2. Saya merasa ini tergantung pada situasi dan struktur spesifik sebelum menggunakannya.

Tulis kode menu yang cocok dengan semantik.

<div id=menu>

<ul>

<li> <a href = index.php> home </a> </li>

<li> <a href = sekitar.php> tentang </a> </li>

<li> <a href = contact.php> Kontak </a> </li>

</ul>

</div>

PS: Saya pribadi berpikir itu harus lebih mudah untuk menulis kode seperti ini:

<ulid = menu>

<li> <a href = index.php> home </a> </li>

<li> <a href = sekitar.php> tentang </a> </li>

<li> <a href = contact.php> Kontak </a> </li>

</ul>

Ada div tubuh yang berisi semua isinya. Nyaman untuk memperbaiki lebar, margin, dll. Dari tubuh.

Tulis konten utama terlebih dahulu, lalu konten sekunder. Jika navigasi atau sidebar Anda tidak terlalu penting, yang terbaik adalah menulisnya di akhir.

Memperkenalkan bagian -bagian umum seperti navigasi dan akhir halaman melalui panggilan dinamis, seperti PHP termasuk.

Kode Indentasi

Perhatikan tag akhirnya

Gunakan tag judul seperti <h1> ~ <h6> jika perlu untuk membagi paragraf.

Jangan menulis gaya pada tag, HTML hanya digunakan untuk mewakili struktur. Mari kita tinggalkan kinerja ke CSS.