Penggunaan Dan Penulisan Meta Tag Charset Utf-8 Pada Html5

Pada artikel sebelumnya Saya sudah mempelajari ihwal Penggunaan dan Penulisan Meta Tag Dalam HTML. Pada artikel kali ini kita akan mempelajari ihwal Penggunaan dan Penulisan Meta Tag Charset UTF-8 Pada HTML5.

Penggunaan Meta Tag Charset UTF-8 Pada HTML

Meta tag charset bukan ditunjukkan kepada mesin pencari, tetapi lebih ditunjukkan kepada web browser, sebab meta tag charset ini dipakai untuk memberi perintah kepada web browser untuk menerjemahkan karakter yang ada pada halaman tersebut.

Sejarah Meta Tag Charset Pada HTML

Charset (karakter set) dipakai untuk menerjemahkan bit-bit dalam halaman HTML menjadi sebuah karakter, karakter set paling sederhana dan juga paling awal dipakai yakni karakter set ASCII. Karakter set ini terbatas pada aksara latin (a-z, A-Z) dan beberapa karakter lainnya, menyerupai angka, spasi, tab dan lain-lainnya dengan jumlah total 128 karakter.

Karakter set ASCII lalu dikembangkan menjadi karakter set ANSI atau dikenal juga dengan ISO-8859-1. Karakter set ANSI mendukung hingga 256 karakter dan umumnya dipakai pada HTML 2.0 hingga dengan HTML 4.01.

Permasalahan pada karakter set ASCII dan ANSI yakni tidak mendukung karakter non-latin menyerupai aksara Arab, Cina, Jepang dan lain-lainnya. Untuk mengatasi permasalahan ini maka dikembangkanlah karakter set untuk masing-masing bahasa, seperti karakter set BIG5 untuk Cina, X-EUC-JP untuk Jepang, ISO-8859-7 untuk Yunani dan lain-lainnya. Penulisan karakter set akan berbeda-beda tergantung karakter apa yang dipakai untuk menulis halaman HTML tersebut.

Pada awal perkembangan XHTML, diperkenalkan karakter set UTF-8 (Unicode Transformation Format-8) yang hampir mendukung seluruh karakter yang ada di dunia ini. Pada perkembangan selanjutnya, HTML5 sudah memakai UTF-8 sebagai karakter set standar. Dengan memakai meta tag charset UTF-8, kita tidak perlu lagi khawatir akan karakter yang akan kita gunakan untuk menuliskan halaman HTML, sebab UTF-8 sudah mendukung lebih dari 10.000 karakter.

Penulisan Metag Tag Pada HTML

Pada HTML 4.01 dan XHTML, penulisan meta tag charset UTF-8 menyerupai ini :

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />

Untuk penulisan meta tag charset UTF-8 pada HTML5 menjadi lebih sederhana, menyerupai ini :

<meta charset="UTF-8" />

Penulisan meta tag ini diletakkan diantara tag <head>...</head> sebelum tag <title>, misalnya menyerupai berikut ini :

<!DOCTYPE html> <html> <head>     <meta charset="UTF-8" />     <title>Belajar HTML5</title> </head> <Body>     <h2>Saya Sedang Belajar HTML5 di Mas-abdi.blogspot.com</h2>     <p>Karakter set <b>UTF-8</b> sudah mendukung lebih dari 10.000 karakter.</p> </body> </html>

Penulisan meta tag charset pada halaman HTML sangat dianjurkan untuk digunakan, walaupun web browser ketika ini akan menggunakan karakter set UTF-8 sebagai default, jikalau tidak ada karakter set pada halaman tersebut. Namun jikalau di cek oleh validator W3C, kesannya akan error jikalau kita tidak menuliskan meta tag charset ini.

Pada artikel selanjutnya kita akan mempelajari ihwal Pengertian Semantic Tag Pada HTML.