Penulisan kode HTML (Clean code), Escape Code, dan Comment Tag Pada HTML | Web Edukasi - Sanabila.com

Home

Daftar Isi

Instagram

Google+

Facebook

Twitter

Contact

Pasang Iklan

Refresh
Loading...

Penulisan kode HTML (Clean code), Escape Code, dan Comment Tag Pada HTML

Penulisan kode HTML (Clean code), Escape Code, dan Comment Tag Pada HTML- Pada chapter Sebelumnya kita sudah membahas tentang :
Selanjutnya, pada artikel ini kita akan belajar tentang Penulisan kode HTML (Clean code) dan Comment Tag Pada HTML.
Penulisan kode HTML (Clean code), Escape Code, dan Comment Tag Pada HTML
Penulisan kode HTML (Clean code), Escape Code, dan Comment Tag Pada HTML


Clean Code...

Clean code artinya adalah bahwa kodingan HTML Anda harus mengikuti semua spesifikasi. Jika Anda ingin mengetik suatu kode di halaman HTML, maka Anda harus membuat kode Anda menjadi Clean. Berikut adalah beberapa cara untuk menjaga kode Anda tetap clean:
  • Jangan mengetik karakter khusus ke dalam kode Anda, Gunakan kode yang sudah Encode (dikonversi)... Banyak karakter yang mengharuskan Anda untuk dikonversi terlebih dahulu... Contohnya "<", ">", the "©", "&", dan tanda kutip itu sendiri ("). Biasanya clean code dimulai dengan tanda (&), &escape_code;. Dari 5 karakter tersebut, berikut adalah Escape Codenya...
    • Untuk <, Escape Codenya : &lt;
    • Untuk >, Escape Codenya : &gt;
    • Untuk ©, Escape Codenya : &copy;
    • Untuk &, Escape Codenya : &amp;
    • Untuk ", Escape Codenya : &quot;
  • Menggunakan tanda kutip di dalam nilai atribut.. Contohnya, Jika anda ingin membuat garis setengah dari layar, maka Anda lebih baik menggunakan kode <hr width="50%"> daripada <hr width=50%>, Atau jika Anda ingin membuat garis sebesar 5 pixel, maka lebih baik Anda menggunalan kode <hr size="5"> daripada <hr size=5>.
  • Jangan membuat tumpang tindih tag... Tumpang Tindih yang dimaksud disini terjadi ketika Tag A dimulai, Tag B dimulai, Tag A ditutup, kemudian Tag B ditutup. Hal ini akan menyebabkan kesalahan dalam browser. Contoh:
    • Kode yang SALAH (Overlaps):
      <font size=+1><b>Ini adalah tulisan tebal dan ukuran font diperbesar sebanyak 1</font></b>
      Kode yang BENAR (Tidak Overlap):
      <font size=+1><b>Ini adalah tulisan tebal dan ukuran font diperbesar sebanyak 1</b></font>
    • Kode yang SALAH (Overlaps):
      <a href="here.html"><i>Link ini memiliki style italic</a></i>
      Kode yang BENAR (Tidak Overlap):
      <a href="here.html"><i>Link ini memiliki style italic</i></a>


The Comment Tag...

Jika Anda menulis sebuah dokumen HTML, kadang-kadang Anda mungkin ingin membuat sebuah pengingat dalam kode HTML Anda, sehingga Anda dapat dengan mudah menemukan kode HTML tersebut. Tag Comment ini tidak akan muncul dalam browser web saat halaman ditampilkan. Comment tag hanya terlihat ketika source code dilihat. Anda bisa membuat Comment tag ini dengan <!-- dan ditutup dengan -->.




Share on Google Plus
Written by: Sanabila. com
Sanabila, Updated at: 2/04/2015