Apa yang dimaksud Meta Charset UTF-8 ?

Apa yang dimaksud Meta Charset UTF-8 ?

  html   Ahmad Syarifudin Mahzumi   21 Sept 2018

Meta tag adalah 'data tentang data', dimana tag ini ditujukan bukan kepada user, tetapi kepada web browser atau kepada 'robot program' seperti mesin pencari (search engine). Charset UTF-8 merupakan meta tag yang paling sering digunakan dalam HTML5, penulisannya adalah sebagai berikut:

UTF-8 atau universal charset set , atau yang pada umumnya disebut sebagai Charset adalah sekumpulan dari beberapa jenis pengkodean karakter baik huruf, angka, ataupun symbol. Untuk saat ini pengkodean UTF-8 telah menjadi standarisasi untuk pengkodean dalam sistem operasi, bahasa pemrograman, API, dan software. Walaupun bersifat opsional, hampir setiap halaman HTML5 menggunakan meta tag ini. Akan tetapi, apa sebenarnya maksud dari charset=”UTF-8″ini ?

Karakter set paling sederhana dan juga paling awal digunakan adalah karakter set ASCII, (dalam HTML ditulis sebagai charset=”us-ascii”). Karakter set ini terbatas pada huruf latin (a-z, A-Z) dan beberapa karakter lain seperti angka, spasi, tab, dll dengan total hanya 128 karakter. Walaupun sepenuhnya opsional, penulisan meta tag charset sangat dianjurkan. Jika kita tidak menuliskan charset, web browser akan mencoba 'menebak' karakter yang digunakan (biasanya web browser modern akan menggunakan utf-8 sebagai karakter default). Jika halaman web dijalankan dari web server seperti Apache, web server juga akan menambahkan http-header yang berisi karakter set.

Namun perlu menjadi catatan bahwa jika kita tidak menulis meta tag charset, proses web browser 'menebak' karakter set ini bisa menjadi masalah. Pada tahun 2005 terdapat sebuah bug pada Internet Explorer yang dinamakan Google XSS. Hal ini terjadi karena situs google tidak menuliskan karakter set sehingga bisa digunakan untuk menyisipkan kode javascript. Oleh karena itu, sebaiknya kita selalu menambahkan meta tag charset pada setiap halaman HTML.

 

referensi

Bagikan Artikel Ini :

Blog Terkait

HTML - Text Editor Terbaik yang Wajib Anda Ketahui
HTML - Text Editor Terbaik yang Wajib Anda Ketahui

sebelum anda belajar lebih dalam tentang HTML, anda perlu tahu terlebih dahulu tools yang dapat digunakan untuk membuat, menulis ataupun...

Selengkapnya
responsive web : meta yang wajib ada untuk responsive web html
responsive web : meta yang wajib ada untuk responsive web html

Viewport digunakan untuk desain web responsif. Tag meta viewport akan memberikan intruksi ke browser untuk mengatur dimensi dan sekala web....

Selengkapnya

Hello!

Click one of our representatives below to chat on WhatsApp or send us an email to ahmadsyarifudin798@gmail.com

Ahmad Syarifudin Support
6285778118560
Call us to +6285774591955 from 0:00hs a 24:00hs
Hello! What can I do for you?
×
How can I help you?