Cara Tambah Komen dalam HTML Anda

Mengulas dengan betul markup HTML adalah bahagian penting laman web yang dibina dengan baik. Komen-komen itu mudah ditambah, dan sesiapa yang perlu bekerja di kod tapak pada masa akan datang (termasuk diri anda atau ahli mana-mana pasukan yang anda bekerjasama) akan berterima kasih atas komen-komen tersebut.

Cara Tambah Komen HTML

HTML boleh ditulis dengan editor teks standard, seperti Notepad ++ untuk Windows atau TextEdit untuk Ma. Anda juga boleh menggunakan program pereka reka bentuk web seperti Adobe Dreamweaver atau bahkan platform CMS seperti Wordpress atau ExpressionEngine. Terlepas dari alat yang anda gunakan untuk pengarang HTML, jika anda bekerja secara langsung dengan kode, Anda akan menambahkan komentar HTML seperti ini:

  1. Tambah bahagian pertama tag komen HTML:
  2. Selepas bahagian pembukaan komen itu, tulis apa sahaja teks yang ingin anda tampilkan untuk komen ini. Ini mungkin arahan untuk pemaju anda atau yang lain pada masa akan datang. Contohnya, jika anda ingin menunjuk di mana bahagian tertentu pada halaman bermula atau berakhir di markup, anda boleh menggunakan ulasan untuk terperinci itu.
  3. Setelah teks komen anda selesai, tutup tag komen seperti ini: ->
  4. Jadi secara keseluruhan, komen anda akan kelihatan seperti ini:

Paparan Komen

Sebarang komen yang anda tambahkan ke kod HTML anda akan muncul dalam kod itu apabila seseorang melihat sumber halaman web atau membuka HTML dalam editor untuk membuat beberapa perubahan. Teks komen itu tidak akan muncul di pelayar web apabila pelawat biasa datang ke laman web ini. Tidak seperti unsur-unsur HTML yang lain, termasuk perenggan, tajuk, atau senarai, yang memberi kesan kepada halaman di dalam pelayar itu, ulasan itu benar-benar "di belakang tabir" kepingan halaman.

Komen untuk Tujuan Ujian

Oleh sebab ulasan tidak muncul dalam penyemak imbas web, mereka boleh digunakan untuk "mematikan" sebahagian halaman semasa ujian atau pembangunan halaman. Jika anda menambah bahagian pembukaan ulasan secara langsung sebelum bahagian halaman / kod anda yang anda ingin sembunyikan, dan kemudian anda menambah bahagian tutup pada akhir kod itu (komentar HTML dapat merangkak beberapa baris, sehingga anda dapat membuka komen pada baris 50 kod anda dan tutupnya pada baris 75 tanpa sebarang masalah), maka apa sahaja unsur HTML yang berada dalam komen itu tidak akan dipaparkan lagi dalam penyemak imbas. Mereka akan kekal dalam kod anda, tetapi tidak akan memberi kesan pada paparan visual halaman. Sekiranya anda perlu menguji halaman untuk melihat sekiranya seksyen tertentu menyebabkan masalah, dan lain-lain, mengulas kawasan itu lebih baik untuk memadamkannya. Dengan ulasan, jika seksyen kod yang dipersoalkan tidak menjadi isu, anda boleh dengan mudah mengeluarkan potongan komen dan kod itu akan dipaparkan sekali lagi. Pastikan komen-komen yang digunakan untuk ujian tidak membuatnya menjadi laman web pengeluaran.

Sekiranya kawasan halaman tidak dipaparkan, anda mahu mengeluarkan kod tersebut, bukan hanya mengulasnya sebelum anda melancarkan laman web tersebut.

Salah satu penggunaan HTML yang baik semasa pembangunan adalah apabila anda membina laman web responsif . Oleh kerana bahagian-bahagian yang berlainan dari laman web itu akan mengubah penampilan mereka berdasarkan saiz skrin yang berbeza , termasuk beberapa kawasan yang mungkin tidak dipaparkan sama sekali, menggunakan komentar untuk mengalihkan bahagian halaman secara on atau off boleh menjadi helah cepat dan mudah untuk digunakan semasa pembangunan.

Mengenai Prestasi

Saya telah melihat sesetengah profesional web mencadangkan bahawa komen harus dilucutkan dari fail HTML dan CSS untuk mencukur saiz fail tersebut dan membuat halaman memuat lebih cepat. Walaupun saya bersetuju bahawa halaman harus dioptimumkan untuk prestasi dan harus memuatkan dengan cepat, masih terdapat tempat untuk menggunakan komentar pintar dalam kod. Ingat, komen-komen ini dimaksudkan untuk memudahkan kerja di laman web di masa depan, selagi anda tidak melupakannya dengan komen-komen yang ditambahkan ke setiap baris dalam kod anda, jumlah saiz fail yang kecil ditambahkan ke halaman yang disebabkan oleh komen harus lebih daripada diterima.

Tips untuk Menggunakan Komen

Beberapa perkara yang perlu diberi perhatian atau ingat apabila menggunakan ulasan HTML:

  1. Komen boleh berbilang baris.
  2. Gunakan ulasan untuk mendokumenkan perkembangan halaman anda.
  3. Komen boleh al; jadi dokumen kandungan, baris jadual atau lajur, lacak perubahan atau apa sahaja yang anda inginkan.
  4. Komen yang "mematikan" kawasan tapak tidak boleh dibuat ke dalam pengeluaran melainkan perubahan ini adalah sementara yang akan diterbalikkan dalam urutan pendek (seperti mempunyai mesej amaran dihidupkan atau dimatikan seperti yang diperlukan).