#44 Cara membuat catatan menggunakan tag komentar pada html

#44 Cara sintaks tidak dijalankan menggunakan komentar pada html

pada tutorial ini kita akan belajar supaya sintaks html yang kita tulis tidak tampil pada halaman web.

Deskripsi

komentar adalah sepotong kode yang tidak akan terlihat pada halaman web atau browser mana pun.

komentar selain membantu menemukan kode yang kita cari dengan cepat dan mudah saat mengedit kode, juga bisa menjelaskan ke pengembang lain tentang poin tertentu dalam kode html.

Bca juga: Cara mengatur posisi tabel pada HTML

menambahkan catatan komentar ke dalam kode html merupakan hal yang baik, terutama ketika kode semakin komplek.

siapapun yang melihat kode Anda akan memahami dan mengetahui fungsi kode tersebut.

Cara penulisan sintaks

cara komentar html dengan tag <!– dan tag tutup –>

<!-- Apapun yang kamu tulis disini tidak akan di render oleh browser -->Code language: HTML, XML (xml)

kita juga bisa menulis komentar yang terdiri dari 2 baris atau lebih.

<!-- 
komentar ini di sebut komentar multiline dan 
dapat ditulis untuk banyak baris
-->Code language: HTML, XML (xml)

komentar biasanya berwarna abu-abu namun bisa merubah warnanya sesuai keinginan kita pada text editor.

contoh pada gambar text editor online thohirdev.com ini menggunakan warna hijau.

komentar harus memakai penutup –> , jika tidak akan mengomentari kode sampai akhir kode html.

komentar tidak hanya untuk catatan namun bisa mengomentari baris kode html seperti sebagai berikut.

<!-- Gambar ini tidak akan ditampilkan di halaman web
<img src="thohirdev.jpg" alt="thohirdev.com">
-->Code language: HTML, XML (xml)

jika komentar yang tadi tidak jalan pada browser manapun , ada komentar yang spesial yaitu komentar kondisional atau bersyarat.

komentar yang hanya berfungsi pada browser Internet Explorer ( IE), dan dapat menggunakannya untuk memberikan instruksi tertentu ke berbagai versi IE.

<!--[if IE 7]>
    intruksi yang hanya dijalankan di IE 7
<![endif]-->Code language: HTML, XML (xml)

contoh ketika kita ingin script javscript hanya berjalan pada versi IE 9

<!--[if IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->Code language: HTML, XML (xml)

mari kita coba praktekan dengan menekan tombol Coba script

<!DOCTYPE html>
<html>
<head>
    <title> Belajar komentar di html </title>

    <!--[if IE 9]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
</head>
<body>

    <!-- Apapun yang kamu tulis disini tidak akan di render oleh browser -->

    <!--
        komentar ini di sebut komentar multiline dan
        dapat ditulis untuk banyak baris
        -->

    <!-- Gambar ini tidak akan ditampilkan di halaman web
            <img src="thohirdev.jpg" alt="thohirdev.com">
        -->

    <p>Belajar komentar di html</p>

</body>
</html>Code language: HTML, XML (xml)