Tag meta HTML

  1. › 
  2. ›  ›  › 
  3. Tag meta HTML

Tag Meta

Di halaman ini

  1. Apa itu HTML ?
<meta content='value' name='value'/>
  1. Tag meta merupakan elemen kosong (tanpa konten) karena tidak memiliki tag penutup sebagaimana elemen HTML lainnya.
  2. Tag meta hanya memiliki tag pembuka dengan atribut yang membawa nilai (value) penting terhadap halaman.
  3. Tag meta tidak terlihat dihalaman web pada saat ditampilkan dibrowser.

Pengertian & Fungsi Tag Meta

Tag meta adalah tag yang bertugas memberikan informasi penting (metadata) yang terdapat didalam dokumen / elemen HTML yang dimuat oleh suatu halaman web.
Metadata yang dinyatakan melalui tag meta ini ditujukan pada browser,mesin pencarian dan layanan web lainnya untuk tujuan penyebarluasan jangkauan informasi yang dimuat dalam dokumen tersebut.
Bisa dikatakan penggunaan tag meta adalah bertujuan untuk memperluas jangkauan dan mempermudah akses untuk membuka suatu halaman web dengan bantuan mesin pencarian dan layanan web lainnya (misal media sosial).
CATATAN :
Sebaliknya, Jika suatu halaman web (dokumen HTML) dibuat tetapi tidak untuk dipublikasikan secara luas / umum maka penggunaan tag meta didalam dokumen / halaman web tersebut juga tidak akan bermanfaat.
Dengan kata lain halaman / dokumen tersebut hanya bisa diakses oleh penyusun dan orang-orang yang diberikan akses ke dokumen / halaman web tersebut.

Contoh yang paling banyak ditemukan secara luas adalah halaman web penjualan produk.
Halaman web penjualan dapat diakses secara luas melalui mesin pencarian maupun berbagai media sosial tentu saja merupakan dampak dari penggunaan tag meta.

Penggunaan tag meta

Penempatan tag meta yang mencakup secara keseluruhan dokumen umumnya didalam tag <head>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Deskripsi perincian topik halaman">
  <meta name="keywords" content="kata kunci, kata penting, dalam dokumen">
  <meta name="author" content="Nama Penyusun">
</head>

Tag meta yang yang mencakup secara keseluruhan dokumen adalah:

Tag meta charset

<!--penulisan singkat-->
<meta charset="UTF-8">
<!--penulisan lengkap-->
<meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" />
Tag meta ini menentukan pengkodean karakter yang ada di dokumen.
Misal dihalaman menggunakan karakter tulisan Arab, tapi dikodekan dengan karakter latin maka tulisan dihalaman akan bermasalah atau tidak ditampilkan sebagaimana mestinya sehingga tidak terbaca.
Fungsi meta charset adalah memastikan teks didokumen bisa ditampilkan sebagaimana mestinya.

Tag meta viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Viewport (area pandang) adalah area halaman web yang terlihat oleh pengguna.
Ukuran Viewport bervariasi sesuai dengan perangkat yang digunakan untuk mengakses halaman tersebut.
Misal : ponsel, tablet, laptop , notebook, smart tv dll memiliki ukuran area pandang (viewport) yang berbeda.

Fungsi meta viewport adalah menginformasikan kepada browser cara menyesuaikan skala / ukuran area pandang halaman terhadap ukuran layar perangkat. Agar pengguna dapat membuka dan membaca halaman sesuai dengan ukuran layar perangkat yang digunakan.

Tag meta Description

<meta name="description" content="Deskripsi perincian topik halaman">
Meta Description : Mendeskripsikan topik utama atau judul halaman.

Tag meta Keyword

<meta name="keywords" content="kata kunci, kata penting, dalam dokumen">
Meta Keyword : Mendeskripsikan kata kunci atau kata-kata tertentu yang bisa mewakili halaman pada mesin pencarian.
Penulisan kata kunci pada meta keyword dipisahkan dengan koma.

Tag meta Author

<meta name="author" content="Nama Penyusun">
Meta Author : Menginformasikan nama / siapa penulis atau penyusun dokumen halaman tersebut.

Komentar

Posting Komentar