7 Gaya Penulisan HTML Lama yang Kini Sebaiknya Dihindari

1. Menggunakan atribut type pada tag dan

Dulu biasa ditulis seperti type="text/css" atau type="text/javascript", tetapi sekarang cukup gunakan atau saja.

2. Membuat menu akordeon dengan Javascript

Dengan menggunakan dan, ini bisa diimplementasikan dengan sederhana hanya dengan HTML.

3. Menggunakan dan hanya sekali per halaman

Sebagian pengguna mungkin mengira dan merepresentasikan header dan footer untuk seluruh halaman, tetapi sebenarnya elemen-elemen ini terkait dengan section terdekat. Artinya, elemen ini bisa digunakan sebagai anak dari , , , dan , dan saat membuat section baru, disarankan untuk menggunakan dan.

4. Menggunakan frameborder="0" untuk menghapus border pada ``

Penggunaan frameborder="0" sudah tidak lagi direkomendasikan di HTML5. Sebagai gantinya, lebih baik gunakan CSS seperti iframe { border: none; }.

5. Mendukung IE8

Bukan hanya Internet Explorer 8, dukungan untuk semua versi Explorer sebaiknya dihentikan. Microsoft juga telah mengakhiri dukungan untuk IE 11 pada Juni 2022, jadi kita tidak perlu lagi mempertimbangkan dukungan IE.

6. Menggunakan tag heading secara acak

Gunakan tag heading sesuai struktur halaman, dan tulis secara menurun. Jika tag terakhir adalah , maka berikutnya sebaiknya menggunakan atau ``.

7. Menambahkan ="1" untuk atribut Boolean pada tag HTML

Atribut Boolean pada tag HTML cukup ditulis atributnya saja agar nilainya dianggap true. Misalnya, pada ``, jika atribut disabled ada, itu sendiri sudah berarti true, sehingga tidak perlu menambahkan ="1".

[progdesigner]

Alasan munculnya html5 adalah karena sebelumnya HTML digunakan tanpa memedulikan tag. Karena HTML adalah markup language, menurut saya penting untuk melihat dan memperlakukannya sebagai wadah yang menampung data. Dan untuk type, saat memakai tipe lain seperti TypeScript (TS) memang harus dinyatakan secara eksplisit, jadi rasanya tidak perlu terlalu menekankan penghapusannya.

[progdesigner]

Yang lebih penting, belakangan ini banyak orang menggunakan nama class utilitas, tetapi itu bisa jadi tidak membantu dari sisi memuat data.

Misalnya jika menyimpan informasi title, meskipun memakai h1, h2, h3, akan lebih eksplisit dan lebih baik jika class-nya diberi nama title.

Namun membuat nama class seperti `` bukan arah yang baik. Memberinya nama title lalu menyelesaikannya dengan CSS bisa menghasilkan halaman web yang bertahan lebih lama ke depannya.

[savvykang]

Untuk halaman web yang bertujuan menyampaikan informasi dengan struktur yang relatif sederhana, penggunaan tag semantik dan kelas adalah hal yang wajar. Namun, tidak semua pengguna HTML/CSS hanya membuat halaman web. Dalam kasus seperti aplikasi web, di mana penggunaan markup untuk elemen visual tidak bisa dihindari dan strukturnya kompleks, penggunaan nama kelas yang umum akan menimbulkan benturan nama. Itulah sebabnya fitur seperti View Encapsulation di Angular diperlukan.

[readiz]

Bagaimanapun sekarang kebanyakan memakai React, jadi daripada terlalu terpaku pada class, yang penting adalah mengomponenkan dengan baik.

[ndrgrd]

Untuk poin nomor 7, itu soal selera. Secara pribadi, saya rasa menuliskannya justru membuatnya lebih mudah dibedakan dan dibaca.

[tribela]

<script type="text/javascript> //<![CDATA[ js codes... //]]> </script>

Itu kode-kode yang membangkitkan nostalgia, ya

[koxel]

Dulu, pada masa browser belum bisa mendukung tag script dan tag style dengan benar, ada zaman ketika kode CSS dan kode JS dibungkus dengan komentar HTML agar dikenali seperti komentar.
Mungkin era 90-an atau 2000-an..
Sepertinya masih ada juga yang menulis kode seperti itu..

[ndrgrd]

Apakah dulu mereka juga mengantisipasi bahasa lain selain CSS dan JS?

[kayws426]

Bukan javascript, melainkan vbscript. Di IE.

[ragus]

Apakah komentar benar-benar bisa diproses dengan baik???

[carnoxen]

Atribut type pada <script> bukannya diperlukan saat memasukkan modul?

<script type="module" src="home.js"></script>  

[ragus]

text/css atau text/javascript memang tidak diperlukan, tetapi module sepertinya memang tetap diperlukan seperti yang Anda katakan.

[roxie]

Sepertinya teknik menyetel tag h1 menjadi block: none juga sudah pernah saya lihat sejak lama, jadi penasaran apakah itu masih valid sampai sekarang.. Tiba-tiba jadi teringat masa lalu ya, hehe. Terima kasih atas rangkuman yang rapi!