HTML <meta> name attribute
Definition and Usage
name Attribute yang diatur adalah nama metadata.
name Attribute yang diatur adalah content attribute name of the value.
dengan menggunakan name dan content Attribute, dapat digunakan untuk menentukan metadata dokumen dengan pasangan nama/nilai.name Attribute menunjukkan jenis metadata, manakala content Attribute digunakan untuk menyediakan nilai.
Tabel di bawah ini menyenarai beberapa jenis metadata yang terdefinisi sebelumnya.
Perhatian:jika diatur http-equiv attributejika disediakan name Attribute.
提示：HTML5 memperkenalkan cara bagi pereka halaman web untuk mengawal viewport melalui tag <meta> (kawasan pengguna yang dapat dilihat halaman web) (lihat contoh di bawah "Set Up Viewport").
Contoh
Gunakan atribut name untuk menetapkan deskripsi, kata kunci dan penulis dokumen HTML. Juga tentukan viewport, untuk mengawal saiz halaman dan skala untuk peranti berbeza:
<head> <meta name="description" content="Free Web Tutorial"> <meta name="keywords" content="HTML,CSS,JavaScript"> <meta name="author" content="YK Investment"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>
Syntax
<meta name="value">
Attribute Value
| Value | Description |
|---|---|
| application-name | Tetapkan nama aplikasi Web yang wakil halaman. |
| author |
Tetapkan nama penulis dokumen. Contohnya: <meta name="author" content="YK Investment"> |
| description |
Tetapkan deskripsi halaman. Mesin carian boleh memilih deskripsi ini untuk dipaparkan dalam hasil carian. Contohnya: <meta name="description" content="Free Web Tutorial"> |
| generator |
Tetapkan paket perisian yang digunakan untuk menghasilkan dokumen (tidak digunakan untuk halaman tulisan). Contohnya: <meta name="generator" content="FrontPage 4.0"> |
| keywords |
Tetapkan senarai kata kunci yang berhubung dengan halaman, dipisahkan dengan tanda koma. Beritahu mesin carian tentang kandungan halaman. 提示：Selalu tentukan kata kunci (mesin pencari memerlukan untuk mengklasifikasikan halaman). Contohnya: <meta name="keywords" content="HTML, tag meta, referensi tag"> |
| viewport | Kendali viewport (area yang dapat dilihat pengguna di halaman web). |
Keterangan
Selain enam tipe metadata yang diatur sebelumnya, Anda dapat menggunakan ekspansi metadata. Kunjungi halaman ini untuk mendapatkan daftar ekspansi yang sering diperbarui:
http://wiki.whatwg.org/wiki/MetaExtensions
Beberapa ekspansi digunakan lebih sering, sementara yang lain hanya memiliki penggunaan yang sangat terbatas, hampir tak ada yang menggunakannya. Metadata robots pasti termasuk di antara yang pertama. Penulis dokumen HTML dapat menggunakan ini untuk memberitahu mesin pencari tentang cara menanggapi dokumen. Contohnya:
<meta name="robots" content="noindex">
Tipe metadata ini memiliki tiga nilai yang dipahami umumnya oleh sebagian besar peramban:
- noindex - berarti jangan indeks halaman ini
- noarchive - berarti jangan arsip atau cache halaman ini
- nofollow - berarti jangan terus mencari melalui tautan di halaman ini
Jumlah ekspansi metadata yang tersedia sangat sedikit, para pengembang sebaiknya membaca daftar online untuk melihat yang dapat digunakan untuk proyek mereka sendiri.
Petunjuk
Untuk memberitahu mesin pencari bagaimana mengklasifikasikan dan mengevaluasi konten, cara terutama yang digunakan di masa lalu adalah melalui metadata keywords. Kini, pentingnya metadata keywords bagi mesin pencari sudah jauh lebih rendah, karena hal ini dapat digunakan untuk membuat penipuan tentang relevansi konten halaman. Cara paling baik bagi para pemilik konten untuk mengubah penilaian konten di mata mesin pencari adalah untuk menggunakan saran yang disediakan sendiri. Sebagian besar mesin pencari menyediakan pedoman untuk mengoptimalkan halaman web atau situs web secara keseluruhan.
Google: Pedoman Pemula SEO (Optimasi Pencari)
https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=zh-cn
Baidu: Pedoman Optimasi Pencari Baidu
Pengaturan viewport
Viewport adalah area yang dapat dilihat pengguna di halaman web. Ini berbeda-beda untuk perangkat yang berbeda - ini akan lebih kecil di ponsel daripada di layar komputer.
Anda seharusnya menyertakan elemen <meta> berikut di semua halaman web Anda:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
它为浏览器提供了有关如何控制页面尺寸和缩放比例的说明。
width=device-width 部分设置页面的宽度，以跟随设备的屏幕宽度（因设备而异）。
initial-scale=1.0 部分设置浏览器首次加载页面时的初始缩放级别。
这是一个没有视口元标记的网页示例，以及带有视口元标记的同一网页：
提示：如果您使用手机或平板电脑浏览此页面，您可以点击下面的两个链接来查看不同之处。
您可以在我们的响应式网页设计 - 视口教程中学到更多关于视口的内容。
浏览器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 支持 | 支持 | 支持 | 支持 |
