Analisis Gaya dan Alasan Penulisan HTML orang -orang berpengalaman

Alasan untuk menulis navigasi dengan daftar yang paling umum digunakan adalah jelas, itu mewakili kolom tautan, yang dengan sendirinya memiliki alasan yang cukup untuk memilih label daftar. Tetapi gaya default daftar daftar perlu dihapus untuk membuatnya lebih bermakna.

Manfaat lain dapat melebihi imajinasi Anda: Anda membuat daftar daftar dan menambahkan tautan ke sana. Gunakan CSS untuk mengontrol definisi serangkaian elemen dalam daftar daftar.

 <ul> <li> <a href =#> kumpulkan dan bagikan </a> </li> </ul>

Kami dapat membahas masalah ini bersama, beri tahu kami jika Anda memiliki cara lain yang lebih baik. Secara pribadi, saya lebih suka menulis jalur (remah roti) dengan kode berikut. (Namun saya tidak sering menggunakan >> simbol).

 <p id = breadcrumbs> <a href =#> home </a> »<a href =#> tentang kami </a> </p>

Jalur situs web (Bread Crumb) memiliki hubungan hierarkis di halaman tertentu. Secara teori, daftar harus bersarang untuk menampilkan hubungan hierarkis, tetapi jika hanya ada satu item dalam daftar daftar Anda, bagaimana Anda melihat situasi ini? Saya pribadi merasa bahwa jalur halaman web (remah roti) harus ditampilkan berturut -turut.

Saya tidak ingat kapan terakhir kali saya menggunakan tipe input = kirim, tetapi saya tidak menggunakannya seperti ini sejak lama. Ada dua alasan: mengapa elemen tombol harus masuk tipe = kirim, dan botton adalah elemennya sendiri. Dalam kode, Botton mudah diidentifikasi dan mudah untuk didefinisikan dengan CSS (tidak semua versi lama browser mendukung atribut tag elemen ini). Dan itu juga memungkinkan kita untuk menulis elemen tag lain di dalamnya, sehingga memperluas kemungkinan plastisitas untuk itu.

 <type type = kirim> Kirim Formulir </button>

Daftar daftarnya sangat bagus! Ada 3 jenis yang berbeda (daftar yang dipesan, tidak tertib, dan jelas) yang masing -masing memiliki kegunaannya sendiri. Mungkin Anda memiliki beberapa keraguan tentang kapan harus menggunakan daftar yang dipesan (OL) dan kapan harus menggunakan daftar yang tidak dipesan (UL) karena mereka masuk akal kapan menggunakannya. Meninggalkan pesan sedikit seperti contoh dalam buku teks yang disusun dengan rapi dalam urutan waktu, memilah ke atas secara alami. Setiap komentar sesuai dengan waktu yang tetap, sehingga struktur komentar harus dalam daftar yang dipesan (OL).

 <Ol> <li> <ul> <li> <img src = path-to-gravatar.

TERLALU Struktur induk di luar label/input, elemen label mana yang merupakan pilihan terbaik?

 <label untuk = contactName> nama Anda </label> <input type = nama teks = contactName id = contactName />

Menggunakan kode tag yang sesuai sebelumnya dimungkinkan, tetapi sekarang saya masih memilih untuk menggunakan label/input div ke mosaic, label dan label terkait dianggap secara keseluruhan. Elemen Div memiliki berbagai karakteristik semantik, dan dapat beradaptasi dengan situasi apa pun.

 <div> <label for = contactName> Nama Anda </label> <input type = nama teks = contactName id = contactName/> </div>