Artikel ini memperhatikan tag html dalam dongeng sempurna sebelumnya. Tag tersebut berbahaya, buruk, jelas jelek, dan harus dikeluarkan dari html standar. Agar hanya memiliki separuh pekerjaan, tumbangkan browser atau gunakan yang lebih sederhana dan direkomendasikan yang.
Meskipun tutorial dasar sebelumnya telah memberikan saran yang memenuhi standar, namun pemula memiliki dasar yang berbeda atau latihan yang salah. Berikut rangkumannya.
HTML mencoba beralih dari kinerja ke semantik, dan kemudian memisahkan semantik (HTML) dan kinerja (CSS). Ini telah banyak digunakan pada halaman web karena satu arahan presentasi (file CSS) dapat digunakan pada banyak halaman. Dengan cara ini, website lebih mudah dikelola, dan jika Anda ingin mengubah keseluruhan situs, Anda hanya perlu mengubah kode sederhana.
Beberapa tag berbahaya sebenarnya adalah tag presentasi sederhana (seperti kecil), yang dapat diganti dengan kode dengan arti yang sama di CSS. Tag lainnya tidak ekspresif, namun tidak diperlukan (seperti tag font) atau mengganggu kegunaan (seperti kedipan).
Tag
Tag yang tercantum di bawah dapat menggunakan opsi yang lebih baik:
Tag b berarti tebal. Anda dapat menggunakan kuat, atau menambahkan font-weight:bold di css.
saya mewakili elemen miring, Anda dapat menggunakan em sebagai gantinya, atau menambahkan gaya font: miring di css.
Besar digunakan untuk mengekspresikan teks berukuran besar. Anda dapat menggunakan h1, h2, dll. pada judul. Lainnya dapat dikontrol secara khusus dalam ukuran cssfont.
Kecil digunakan untuk mengekspresikan teks kecil dan dapat dikontrol dalam ukuran cssfont.
jam mewakili garis horizontal, yang dapat diganti dengan border-top atau border-bottom di CSS, atau dapat juga diwakili oleh gambar.
Tag yang disebutkan di atas semuanya sesuai dengan standar HTML terkini, namun tidak memberikan makna semantik pada konten. Label-label tersebut mungkin memiliki lebih banyak kegunaan namun tidak terlalu berbahaya dan sangat mudah untuk membuat kesalahan ketika melihat label jelek di bawah ini.
u mewakili elemen yang digarisbawahi. Itu membuat teks digarisbawahi seperti koneksi, itulah mungkin mengapa tag ini menghilang, orang sangat tidak suka teks yang tidak terhubung digarisbawahi.
center dapat memusatkan elemen. Properti CSS text-align tidak hanya dapat memusatkan tengah tetapi juga kiri, kanan, dan rata. menu digunakan untuk membuat daftar menu. Ia melakukannya dengan lebih indah daripada ul, tetapi daftar tidak berurutan lebih umum, dan ul menggantikan menu.
Elemen lapisan sangat mirip dengan elemen div, tetapi hanya berfungsi di browser Netscape versi lama dan tidak banyak berguna.
berkedip atau tenda. Katakan dengan tegas tidak kepada mereka.
font dapat digunakan untuk menentukan nama, ukuran, dan warna font. Situs web lama (dan bahkan situs terkini) yang menggunakan tag font secara terus-menerus di seluruh halamannya seperti wabah rayap. Beberapa perangkat lunak pembuatan web menempatkan tag font di sekitar setiap elemen untuk mengontrol warna atau ukuran teks. Gunakan tag font untuk diterapkan ke setiap elemen. Jika diungkapkan dalam CSS, hanya dibutuhkan satu kalimat sederhana, dan dapat diubah di seluruh situs. Dengan menggunakan metode ini, Anda tidak hanya dapat mengurangi ukuran halaman web, tetapi juga mengubah konten yang diwakili oleh font dengan mengubah pernyataan css sederhana. Ini menjaga gaya situs web tetap konsisten. Tag font dan penyalahgunaan tabel adalah penyebab utama halaman web membengkak.
Atribut
Sekarang Anda mungkin menggunakan label dengan benar, tetapi label tersebut memiliki beberapa sifat parasit yang mengganggu yang dapat menyebabkan rasa tidak enak.
name memberikan nama pada suatu elemen, yang berfungsi sempurna dalam elemen formulir seperti input, tetapi di tempat lain, tugas nama tersebut diambil alih oleh atribut id.
text dan bgcolor digunakan untuk menentukan warna teks dasar dan warna latar belakang tag badan terbuka. Properti warna dan warna latar belakang di CSS dapat diterapkan dengan baik ke pemilih isi.
background dapat menentukan gambar latar belakang untuk tag body. CSS dapat memberikan atribut gambar latar belakang yang lebih baik, seperti gambar latar belakang.
link, alink, vlink dapat menentukan warna link untuk tag body. Properti CSS: :link, :active, :visited memiliki efek yang sama. align dapat mengontrol susunan elemen, seperti <div align="center">Barang</div>, tetapi seperti tag tengah, Anda dapat menggunakan atribut text-align di css.
Tautan target dibuka dalam keadaan berbeda, seperti membuka jendela baru <a href="wherever.html" target="_blank">Bantu saya</a>. Kedengarannya bagus, tapi rasanya kurang familiar dengan situsnya. Pengguna tidak mengharapkan ini (seperti membuka jendela baru) tampak seperti keajaiban. Kebanyakan pengguna suka menggunakan tombol "kembali", dan membuka jendela baru berarti fungsi ini dinonaktifkan. Atribut performa tag, seperti lebar dan tinggi gambar, cellpadding, dan spasi sel tabel, menentukan penerapan atribut berbeda ke elemen berbeda. Itu bukan solusi sempurna, tetapi jika halaman Anda memiliki banyak gambar atau tabel, Anda mungkin tidak memiliki opsi lain yang memungkinkan.
Sebagian besar atribut presentasi yang tidak dapat dijelaskan termasuk dalam tag textarea, yang tidak hanya memiliki atribut valid cols dan row, tetapi standar HTML terbaru juga memerlukannya.
Label bagus, penerapan buruk.
Untuk masuk ke dalam rumah, kamu mungkin akan berlutut dan merangkak melewati lubang anjing, tapi tunggu dulu, ada hiasan pintu yang dirancang khusus untuk orang - pegangannya, haha, lihat, ukuran pintunya pas untuk dilewati orang.
Tag HTML dirancang untuk detail, dan percaya atau tidak, bila Anda menggunakannya dengan benar, Anda dapat mencapai hasil terbaik.
Ketika HTML bersifat semantik, halaman web lebih dapat digunakan oleh pengguna penyandang disabilitas, seperti pembaca layar yang sering menekankan daftar menggunakan tag ul atau judul menggunakan tag h1 atau h2.
Penyalahgunaan HTML yang paling serius adalah tabel. Tabel digunakan untuk tata letak, namun hanya digunakan untuk mewakili data tabel. Ide tidak menggunakan tata letak tabel bukan untuk mencari pencerahan seperti seorang Budha. Ini memiliki manfaat nyata, tidak hanya memperkecil ukuran halaman web, tetapi juga memudahkan pemeliharaan dan desain ulang halaman web.
Terkadang beberapa desainer menggunakan beberapa tag dan atribut untuk menyelesaikan desain transisi (terutama tata letak tabel). Pertama, mereka dapat mendukung browser versi lama (Netscape 4). Tabel berkinerja lebih baik daripada CSS di Netscape 4, namun penggunanya sangat sedikit dan menurun. Sekarang karena pengguna seluler semakin meningkat, tata letak tabel menjadi sangat buruk. Keuntungan tabel yang disebutkan di atas jauh lebih besar daripada kerugiannya, dan alasannya adalah halaman tersebut perlu memperhitungkan semua fungsi browser dengan gaya sesedikit mungkin.
Bingkai
Goldilocks berpendapat bahwa membantunya dengan semangkuk bubur adalah ide yang sangat bagus, tetapi kemudian tiga predator besar muncul dan melemparkannya ke luar jendela. Bingkainya seperti semangkuk bubur milik beruang. Kelihatannya bagus, tapi bahaya selalu ada.
Sebagian besar situs web tidak menggunakan bingkai, dan sebagian besar pengguna situs web hanya menggunakan satu halaman.
Namun bagaimana jika, karena alasan tertentu, Anda perlu mencegah pengguna menambahkan halaman tertentu ke bookmark mereka, atau Anda ingin mencegah halaman tertentu diperkenalkan melalui email atau pesan instan, atau Anda ingin menambahkan tingkat kerumitan keseluruhan lainnya pada penggunaan pembacaan layar Untuk pengguna browser yang dinonaktifkan yang perlu bernavigasi antar bingkai, atau jika Anda ingin masuk ke neraka mesin pencari, gunakan bingkai.
Pada dasarnya, kerangka kerja tidak melakukan apa pun selain menambah kompleksitas dan kehilangan kegunaan.
Terakhir, jika Anda mengikuti aturan di bawah ini, Anda tidak akan salah besar.
1) Jika nama label atau atribut masih asing, disarankan untuk berkomentar atau tidak menggunakannya. Efisiensi penggunaan css akan ditingkatkan dengan cara ini.
2) Biarkan label melakukan tugasnya. Tabel digunakan untuk data tabular. Gunakan saja judul untuk judulnya, dan seterusnya.
3) Bila Anda memiliki konten yang jelas, gunakan tag yang sesuai. Gunakan daftar untuk daftar, judul untuk judul, dan sebagainya.