HTML Entities dan Tag Komentar

DAFTAR ISI

BAB 1 PENDAHULUAN
1.1 Latar Belakang
1.2 Rumusan Masalah
1.3 Tujuan Penulisan
1.4 Manfaat Penulisan

BAB 2 PEMBAHASAN
2.1 HTML Entities
2.1.1 Pengertian HTML Entities
2.1.2 Jenis-jenis HTML Entities
2.1.3 Penggunaan HTML Entities
2.2 Tag Komentar
2.2.1 Pengertian Tag Komentar
2.2.2 Penulisan Tag Komentar
2.2.3 Fungsi Tag Komentar

BAB 3 PENUTUP
3.1 Kesimpulan
3.2 Saran

DAFTAR PUSTAKA

BAB 1 PENDAHULUAN

1.1 Latar Belakang

HTML (Hypertext Markup Language) adalah bahasa markup standar untuk membuat halaman web. HTML menggunakan tag-tag khusus untuk mendefinisikan elemen dalam dokumen web seperti judul, paragraf, tabel, form, dan lain-lain. Ada dua fitur dalam HTML yang sering digunakan yaitu HTML entities dan tag komentar.

HTML entities digunakan untuk menampilkan karakter khusus seperti simbol, huruf Yunani, atau emoji. Contoh karakter khusus yang sering digunakan adalah tanda kutip, tanda kurung, dan simbol mata uang. HTML entities ditulis dalam format &…; dimana … adalah nama atau kode numeral dari karakter yang ingin ditampilkan.

Sedangkan tag komentar digunakan untuk memberikan komentar atau catatan dalam kode HTML. Komentar ini tidak akan ditampilkan pada browser, melainkan berguna dalam membantu pengembang memahami kode. Tag komentar diawali dengan .

Kedua fitur ini sangat penting dalam pengembangan situs web dengan HTML. HTML entities memungkinkan developer menampilkan karakter khusus di browser. Tag komentar membantu dokumentasi dan pemeliharaan kode HTML. Oleh karena itu, pemahaman yang baik tentang kedua fitur ini diperlukan bagi pengembang web.

1.2 Rumusan Masalah

Berdasarkan latar belakang di atas, rumusan masalah dalam makalah ini adalah:

  1. Apa itu HTML entities dan apa manfaatnya dalam pengembangan situs web?
  2. Apa itu tag komentar di HTML dan apa kegunaannya?

1.3 Tujuan Penulisan

Adapun tujuan penulisan makalah ini adalah:

  1. Menjelaskan pengertian, jenis, dan penggunaan HTML entities.
  2. Menjelaskan tentang tag komentar di HTML, cara penulisan, dan fungsinya.

1.4 Manfaat Penulisan

Manfaat yang diharapkan dari penulisan makalah ini adalah:

  1. Pembaca memahami penerapan dan manfaat HTML entities.
  2. Pembaca memahami cara penggunaan dan fungsi tag komentar di HTML.
  3. Makalah ini dapat menjadi referensi bagi mahasiswa Teknik Informatika dalam mempelajari HTML.

BAB 2 PEMBAHASAN

2.1 HTML Entities

2.1.1 Pengertian HTML Entities

HTML entities adalah sequence karakter yang dimulai dengan ampersand (&) dan diakhiri dengan tanda titik koma (;) yang digunakan untuk menampilkan karakter tertentu pada halaman web (Kasman, 2020). Entitas ini merepresentasikan karakter yang memiliki makna khusus dalam HTML, seperti simbol matematika, huruf Yunani, atau emoji.

HTML entities diperlukan karena beberapa karakter seperti < atau & memiliki makna khusus dalam syntax HTML. Jika karakter-karakter ini dituliskan apa adanya, mereka dapat ditafsirkan sebagai tag HTML. Oleh karena itu, HTML entities digunakan untuk menampilkan karakter-karakter khusus ini tanpa menimbulkan konflik dengan sintaks HTML.

Berikut contoh penggunaan HTML entities:

  • < : Menampilkan tanda kurang dari (<)
  • > : Menampilkan tanda lebih dari (>)
  • & : Menampilkan ampersand (&)
  • © : Menampilkan simbol copyright (©)

Dengan menggunakan kode entities, developer dapat menyertakan karakter-karakter khusus di halaman web tanpa khawatir akan bentrok dengan kode HTML.

2.1.2 Jenis-jenis HTML Entities

Ada tiga jenis HTML entities (MDN Web Docs, 2022):

  1. Named character references: menggunakan nama descriptive dari karakter. Contoh:   untuk non-breaking space.
  2. Decimal numeric character reference: menggunakan kode decimal dari karakter Unicode. Contoh: © untuk simbol copyright.
  3. Hexadecimal numeric character reference: menggunakan kode heksadesimal dari karakter Unicode. Contoh: © untuk simbol copyright.

Dari ketiga jenis ini, named character references paling umum digunakan karena mudah ditulis dan dibaca. Sedangkan decimal dan hexadecimal numeric character references lebih jarang digunakan, tapi bisa berguna jika nama entity tidak diketahui.

Developer dapat menemukan daftar lengkap HTML entities beserta kode dan nama tiap karakter di spesifikasi HTML. Beberapa karakter umum yang sering ditemui antara lain:

  • Simbol matematika: +, −, ×, ÷
  • Simbol mata uang: €, ¥, £
  • Tanda kutip: “, ‘
  • Fraksi: ½, ¼

2.1.3 Penggunaan HTML Entities

Berikut adalah beberapa contoh penggunaan umum dari HTML entities:

  • Menampilkan tanda kutip ganda:
<p>He said, "&quot;Hello!&quot;</p>
akan ditampilkan sebagai:

He said, ""Hello!""
  • Menampilkan copyright symbol:
<p>&copy; 2023 My Website</p>

akan ditampilkan sebagai:

© 2023 My Website

  • Menampilkan simbol mata uang:
<p>Harga produk adalah &euro;50</p>

akan ditampilkan sebagai:

Harga produk adalah €50

  • Menampilkan text formatting:
<p>Ini adalah contoh <i>italic</i> dan <b>bold</b> text.</p>

akan ditampilkan sebagai:

Ini adalah contoh italic dan bold text.

Dengan memanfaatkan HTML entities, developer dapat dengan mudah menyertakan simbol dan karakter khusus di halaman web tanpa conflict dengan sintaks HTML. Ini membantu meningkatkan tampilan konten dan keterbacaan halaman web.

2.2 Tag Komentar

2.2.1 Pengertian Tag Komentar

Tag komentar atau comment tag adalah kode dalam HTML yang digunakan untuk memberikan komentar, catatan atau penjelasan tertentu dalam kode sumber (source code). Komentar ini tidak akan ditampilkan pada browser, melainkan berguna dalam membantu developer atau programmer memahami kode HTML (Saputra, 2021).

Tag komentar diawali dengan tanda . Segala teks di antara kedua tag tersebut akan diabaikan oleh browser dan tidak ditampilkan pada halaman web.

Berikut contoh penulisan tag komentar:

<!-- Ini adalah contoh komentar -->

Komentar di atas tidak akan muncul pada browser. Namun, jika dilihat pada kode sumber halaman, komentar tetap ada.

Tag komentar juga bisa ditulis dalam beberapa baris, seperti:

<!--  
Ini adalah contoh komentar
dalam beberapa baris
-->

2.2.2 Penulisan Tag Komentar

Ada beberapa hal yang perlu diperhatikan saat menulis tag komentar di HTML (Sari, 2021):

  • Komentar harus diawali dengan
  • Tidak boleh ada spasi atau karakter lain sebelum tanda <!–
  • Komentar bisa ditulis dalam satu baris atau beberapa baris
  • Tidak ada batas maksimum panjang karakter dalam komentar
  • Hindari komentar bersarang (nested comments) karena dapat menyebabkan kesalahan

Selain itu, ada baiknya menulis komentar dalam bahasa Inggris sehingga dapat dipahami programmer dari negara manapun. Gunakan bahasa yang ringkas, padat, dan mudah dimengerti dalam komentar.

2.2.3 Fungsi Tag Komentar

Ada beberapa fungsi penting dari tag komentar dalam pengembangan situs web, antara lain:

  1. Meningkatkan keterbacaan kode. Komentar membuat kode sumber lebih mudah dibaca dan dipahami, baik oleh programmer pembuatnya maupun orang lain.
  2. Mendokumentasikan kode. Komentar dapat menjelaskan fungsi baris kode, alur program, dependensi, dan informasi berguna lainnya.
  3. Mengabaikan sebagian kode. Komentar dapat digunakan untuk menonaktifkan sebagian kode sementara tanpa menghapusnya.
  4. Debugging. Komentar membantu melacak bug dengan menandai kode yang bermasalah.
  5. Memberi penjelasan. Komentar dapat memberi informasi tambahan tentang kode yang tidak bisa ditampilkan hanya dari kode itu sendiri.
  6. Kolaborasi. Dalam kerja tim, komentar memudahkan programmer lain memahami kode yang telah dibuat.

Dengan memanfaatkan komentar secara bijak, kode HTML menjadi lebih mudah dikelola dan dikembangkan. Ini akan sangat membantu dalam pemeliharaan dan perbaikan situs web di masa mendatang.

BAB 3 PENUTUP

3.1 Kesimpulan

Berdasarkan pembahasan di atas, dapat disimpulkan beberapa hal berikut:

  1. HTML entities digunakan untuk menampilkan karakter khusus di browser yang jika ditulis biasa dapat menyebabkan konflik dengan sintaks HTML.
  2. Terdapat 3 jenis HTML entities yaitu named character references, decimal numeric character references, dan hexadecimal numeric character references.
  3. Tag komentar berguna untuk memberi catatan dan penjelasan dalam kode HTML tanpa mempengaruhi tampilan di browser.
  4. Penggunaan tag komentar yang baik dapat meningkatkan keterbacaan, mendokumentasikan kode, debugging, dan kolaborasi antar programmer.

3.2 Saran

Adapun saran dari penulisan makalah ini adalah sebaiknya HTML entities dan tag komentar digunakan secara bijak dalam pengembangan situs web. Kedua fitur ini dapat sangat membantu dalam pemeliharaan dan pengembangan kode HTML di masa mendatang jika dipergunakan dengan benar.

DAFTAR PUSTAKA

  • Kasman, K. (2020). Mengenal HTML Entities. Dicoding. https://www.dicoding.com/blog/apa-itu-html-entities/
  • MDN Web Docs. (2022). HTML entities. Mozilla. https://developer.mozilla.org/en-US/docs/Glossary/Entity
  • Saputra, A. (2021). Pengertian Comment pada HTML. Niagahoster. https://niagahoster.co.id/blog/comment-html/
  • Sari, N. P. (2021). Cara Menulis Tag HTML Comment yang Benar. IDCloudHost. https://idcloudhost.com/cara-menulis-tag-html-comment/

Comments

No comments yet. Why don’t you start the discussion?

Leave a Reply

Your email address will not be published. Required fields are marked *