Head Elemen HTML Part I

By Labels: at

Assalamu’alaikum Wr. Wb

Pengantar

Hai bagaimana kabarnya? Semoga baik-baik saja ya teman-teman. Melanjutkan artikel yang sebelumnya membahas tentang Perkenalan HTML danPraktek. Dan pada kesempatan kali ini akan membahas Head Element HTML, maksudnya head bagaimana ya min? Dimaksudkan dengan head yaitu element-element yang berada pada tag Head. 

Harapan saya teman-teman dapat mempraktekan dan lebih baik lagi memahami materi kali ini dengan catatan di ulang belajaran yang sudah dipraktekan agar tidak lupa. Teman-teman mulai dari sini harus membaca dengan teliti agar tidak salah memahami materinya. Semoga sukses dan berhasil, Amin.

Praktek HTML 

Gambar 1

Meta Charset

Meta tag adalah ‘data tentang’, tag ini ditunjutkan untuk Web Browser atau Robot Program seperti mesin pencarian (search engine). Tag <meta> tidak akan tampil di halam pengujung. Seluruh tag <meta> bersifta opsinal dan void element, jadi tidak perlu tag penutup.

Meta Charset berfungsi memberi instruksi kepada web browser bagaimana menerjemahkan karakter-karakter yang ada di dalam halaman HTML. charset digunakan untuk menerjemahkan bit-bit di dalam halaman HTML menjadi karakter.

Setiap karakter di komputer seperti huruf dan angka simpa di dalam kumpulan bit yang terdiri dari angka 1 dan 0.: Contoh huruf Contoh huruf A akan disimpan sebagai bit 10000001 atau “41” dalam heksadesimal.

Karakter set paling sederhana dan juga paling awal digunakan adalah karakter set ASCII. Karakter ASCII terbatas pada huruf latin contoh: a-z, A-Z dan karakter angka, spasi, tab, dan lain-lain, dengan total 128 karakter. 

Kemudian dikembangakan menjadi ANSI, atau dikenal sebagai ISO-8859-1 karakter ANSI mendukung 255 karakter. Namun karakter set ASCII atau ANSI tidak mendukung karakter non-latin seperti huruf arab, cina, jepang, dan lainnya.

Akhirnya setelah dikembangkan pihak HTML, seperti big5 untuk karakter Cina, x-eup-js. Karakter Jepang ISO-8859-7, dan lainnya. Perkembangan XHTML, diperkenalkan karakter set UTF-8 (Unicode Transformation Formal-8) yang mendukng seluruh  karakter yang ada didunia. Karakter UTF-8 mendukung hingga lebih dari 10.000 karakter  

Pentingnya menggunakan tag charset pada sebuah website, agar terdeteksi karakter set apa yang digunakan. 


Meta Author, Keywords dan Description

Ketiga meta ini diperuntukan untuk mempermudah ‘robot’ pencarian (serch enggine) seperti Google.

Meta tag ini ditulis dengan atribut name untuk jenis informasi, dan atribut content untuk isi formasi.

  • Meta Author
    • Berfungsi untuk mengetahui siapa pemilik website
    • Gambar 2
       
  • Meta Keywords
    • Untuk kata kunci pada mesin pencarian (search enggine)
    • Gambar 3
  • Meta Description
    • Untuk mendiskripsikan (keterangan) website
    • Gambar 4
  • Meta Refresh
    • Untuk merefresh atau reload website secara otomatis
    • Gambar 5
  • Meta X-UA-Compatible
    • Untuk menangain permasalahan di Internet Exploler
    • Gambar 6
  • Meta Viewport
    • Membuat website menjadi responsive
    • Gambar 7
  • Meta Robots
    • Untuk mempermudah mesin pencarian (search enggine)
    • Gambar 8
  • Meta Facebook
    • Untuk media sosial Facebook
    • Gambar 9
  • Meta Twitter
    • Untuk media sosial Twitter
    • Gambar 10

Dan masih banyak lagi tag meta yang berada di head, tag-tag yang diperlukan untuk keperluan website, mobile, dan lain-lain.

Kesimpulan

Pada pembahasan tentang Head Element HTML yang memfokuskan tag-tag meta di dalam head. Awal untuk mengetahui tag-tag apa saja yang bisa di letakan dalam head. 

Jadi untuk lanjut ke artikel-artikel selanjutnya teman-teman bisa membaca ulang tulisan ini dengan teliti, pahami, lalu praktekan. Jika ada kesulitan, teman-teman bisa tanyakan di kolom komentar pada website kami.

Terimakasih sudah berkunjung sampai ketemu di artikel selanjutnya, jangan lupa ikuti chanel kami yaitu :

Youtube Alami Computer  

Website Alami Computer

Instagram chaerullah.fadli


Posting Komentar
Berkomentar dengan baik dan benar

Back to Top