Markup HTML yang benar-benar berkomentar adalah bagian penting dari halaman web yang dibuat dengan baik. Komentar tersebut mudah untuk ditambahkan, dan siapa pun yang harus bekerja pada kode situs itu di masa depan (termasuk diri Anda sendiri atau anggota tim mana pun Anda bekerja) akan berterima kasih atas komentar tersebut.
Cara Menambahkan Komentar HTML
HTML dapat ditulis dengan editor teks standar, seperti Notepad ++ untuk Windows atau TextEdit untuk Ma. Anda juga dapat menggunakan program web desain-sentris seperti Adobe Dreamweaver atau bahkan platform CMS seperti Wordpress atau ExpressionEngine. Terlepas dari alat yang Anda gunakan untuk HTML penulis, jika Anda bekerja langsung dengan kode, Anda akan menambahkan komentar HTML seperti ini:
- Tambahkan bagian pertama dari tag komentar HTML:
- Setelah itu membuka bagian komentar, tuliskan teks apa pun yang Anda inginkan untuk komentar ini. Ini kemungkinan merupakan instruksi untuk Anda atau pengembang lain di masa mendatang. Misalnya, jika Anda ingin menentukan tempat bagian tertentu pada suatu halaman dimulai atau berakhir di markup, Anda dapat menggunakan komentar untuk merincinya.
- Setelah teks komentar Anda selesai, tutup tag komentar seperti ini: ->
- Jadi secara total, komentar Anda akan terlihat seperti ini:
Tampilan Komentar
Setiap komentar yang Anda tambahkan ke kode HTML Anda akan muncul di kode itu ketika seseorang melihat sumber halaman web atau membuka HTML di editor untuk membuat beberapa perubahan. Teks komentar itu tidak akan muncul di browser web ketika pengunjung normal datang ke situs. Tidak seperti elemen HTML lainnya, termasuk paragraf, judul, atau daftar, yang benar-benar berdampak pada halaman di dalam browser tersebut, komentar benar-benar merupakan potongan halaman "di balik layar".
Komentar untuk Tujuan Pengujian
Karena komentar tidak muncul di browser web, komentar dapat digunakan untuk "mematikan" bagian halaman selama pengujian atau pengembangan halaman. Jika Anda menambahkan bagian pembukaan komentar secara langsung sebelum bagian halaman / kode Anda yang ingin Anda sembunyikan, dan kemudian Anda menambahkan bagian penutup di akhir kode itu (komentar HTML dapat menjangkau banyak baris, sehingga Anda dapat membuka komentari katakan baris 50 kode Anda dan tutup pada baris 75 tanpa masalah), maka elemen HTML apa pun yang berada di dalam komentar itu tidak akan ditampilkan lagi di browser. Mereka akan tetap di kode Anda, tetapi tidak akan memengaruhi tampilan visual halaman. Jika Anda perlu menguji halaman untuk melihat apakah bagian tertentu menyebabkan masalah, dll., Berkomentar bahwa area tersebut lebih baik daripada menghapusnya. Dengan komentar, jika bagian kode yang dipermasalahkan terbukti tidak menjadi masalah, Anda dapat dengan mudah menghapus potongan komentar dan kode itu akan ditampilkan sekali lagi. Pastikan saja bahwa komentar-komentar ini yang digunakan untuk pengujian tidak membuatnya menjadi situs web produksi.
Jika area halaman tidak boleh ditampilkan, Anda ingin menghapus kode, bukan hanya mengomentari itu, sebelum Anda meluncurkan situs itu.
Satu penggunaan besar komentar HTML selama pengembangan adalah ketika Anda sedang membangun situs web responsif . Karena bagian yang berbeda dari situs itu akan mengubah penampilan mereka berdasarkan ukuran layar yang berbeda , termasuk beberapa area yang mungkin tidak ditampilkan sama sekali, menggunakan komentar untuk mengubah bagian halaman menjadi aktif atau tidak aktif dapat menjadi trik yang cepat dan mudah digunakan selama pengembangan.
Mengenai Kinerja
Saya telah melihat beberapa pakar web menyarankan komentar harus dilucuti dari file HTML dan CSS untuk mengecilkan ukuran file-file itu dan membuat halaman yang memuat lebih cepat. Meskipun saya setuju bahwa halaman harus dioptimalkan untuk kinerja dan harus dimuat dengan cepat, masih ada tempat untuk penggunaan cerdas komentar dalam kode. Ingat, komentar ini dimaksudkan untuk mempermudah bekerja di situs di masa mendatang, jadi selama Anda tidak menunggulinya dengan komentar yang ditambahkan ke setiap baris dalam kode Anda, jumlah kecil ukuran file ditambahkan ke halaman karena komentar harus lebih diterima.
Tips untuk Menggunakan Komentar
Beberapa hal yang harus diingat atau diingat saat menggunakan komentar HTML:
- Komentar bisa beberapa baris.
- Gunakan komentar untuk mendokumentasikan perkembangan halaman Anda.
- Komentar bisa al; jadi isi dokumen, baris tabel atau kolom, lacak perubahan atau apa pun yang Anda inginkan.
- Komentar bahwa "mematikan" area situs tidak boleh membuatnya menjadi produksi kecuali perubahan ini adalah sementara yang akan dibalik dalam waktu singkat (seperti mengaktifkan pesan peringatan atau menonaktifkan sesuai kebutuhan).