Codingku change

Belajar Element HTML: <meta>

Tag <meta> mewakili metadata yang tidak dapat diwakili oleh elemen terkait meta HTML lainnya, seperti <base>, <link>, <script>, <style>, atau <title>.

Metadata dapat menyertakan deskripsi dokumen, kata kunci, penulis, dll.

Dapat juga digunakan untuk merefresh halaman web atau mengatur cookie.

Syntax

Tag <meta> ditulis seperti <meta> (tanpa tag penutup) dengan atribut name, http-equiv, dan charset.

Jika salah satu nama atau http-equiv ditentukan, maka atribut content juga harus ditentukan. Kalau tidak, maka harus dihilangkan.

Seperti ini:

<meta name="" content="">

atau

<meta http-equiv="" content="">

Contoh Sederhana

<html>
	<head>
		<title>Title...</title>
		<meta name="" content="">
	</head>
	<body>
		Content...
	</body>
</html>

Contoh Character Encoding

Kamu dapat menggunakan tag <meta> untuk mendeklarasikan karakter pengkodean dokumen. Dalam contoh ini, saya menentukan dokumen ini menggunakan UTF-8.

<meta charset="utf-8">

Contoh Author

Kamu dapat menggunakan tag <meta> untuk menentukan pembuat dokumen.

<meta name="author" content="Azam Nur">

Contoh Kata Kunci

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Contoh Deskripsi Halaman Web

<meta name="description" content="Free Web tutorials on HTML and CSS">

Contoh Refresh Halaman Web setiap 5 detik

<meta http-equiv="refresh" content="30">

Contoh Mengatur viewport untuk membuat situs web terlihat bagus di semua perangkat:

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

charset

Menentukan pengkodean karakter untuk seluruh halaman web.

http-equiv

Menentukan aturan meta untuk halaman web.

"refresh"

Memungkinkan untuk me-refresh halaman web setiap N detik, atau bahkan mengarahkan ke URL lain.

"X-UA-Compatible"

Menentukan versi Internet Explorer mana yang bisa merender halaman web.

name

Menentukan informasi tambahan yang dilampirkan pada halaman web.

"viewport"

Menentukan dimensi dan aturan penskalaan untuk viewport.

"theme-color"

Menentukan warna tema yang dapat digunakan oleh browser atau sistem operasi.

content

Menentukan konten metadata yang bervariasi sesuai dengan value name atau http-equiv.

"width=device-width, initial-scale=1"

Untuk metadata viewport , kamu dapat menentukan lebar dan skala awal halaman web.

"2; url=https://codingku.id"

Untuk metadata refresh , kamu dapat menentukan berapa detik untuk menunggu sebelum dialihkan ke URL lain.