Saya hanya ingin tahu untuk apa atribut itemscope HTML5 digunakan pada dasarnya?
Jawaban:
The [itemscope]atribut adalah atribut boolean untuk menentukan ruang lingkup dari metadata yang terkandung dalam elemen.
Ini didefinisikan dalam HTML5 Microdata API:
Setiap elemen HTML mungkin memiliki
itemscopeatribut yang ditentukan. Theitemscopeatribut adalah atribut boolean.Sebuah elemen dengan
itemscopeatribut yang ditentukan akan membuat item baru , sekelompok pasangan nama-nilai.
Dengan kata lain, ini adalah cara mengaitkan metadata dengan simpul DOM tertentu.
Ini digunakan oleh API Schema.org untuk mengaitkan data untuk mesin telusur dan jejaring sosial. Google+ menggunakan skema sebagai cara untuk memberikan judul, thumbnail, dan deskripsi untuk halaman yang dibagikan oleh pengguna.
Perlu juga dicatat bahwa [itemscope]dan [itemprop]kompatibel dengan Open Graph Protocol Facebook saat menyediakan data meta untuk halaman web. Metadata yang sama dapat dicantumkan untuk mesin telusur, Facbook, dan Google+ dalam satu set <meta>elemen daripada harus mencantumkan informasi yang sama lebih dari sekali:
<html itemscope itemtype="http://schema.org/WebPage" xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<title>An Example Title</title>
<meta content="An Example Title" itemprop="name" property="og:title" />
<meta content="Lorem ipsum dolor sit amet" itemprop="description" name="description" property="og:description" />
<meta content="http://www.example.com/image.jpg" itemprop="image" property="og:image" />
<meta content="http://www.example.com/permalink" itemprop="url" property="og:url" />
<link rel="canonical" href="http://www.example.com/permalink" />
</head>
<body>
...content...
</body>
</html>
Perhatikan bahwa dalam contoh, [itemscope]telah ditambahkan ke <html>elemen. Ini berarti [itemprop]atribut apa pun di dalam <head>dan <body>merupakan bagian dari WebPageitem.
Mesin pencari termasuk Bing, Google, dan Yahoo! sekarang menggunakan itemscope dan teman-teman untuk mengidentifikasi data semantik di halaman web. Di situs web schema.org , mereka memiliki penjelasan tentang cara menggunakan itemscope dengan skema yang telah ditentukan untuk meningkatkan data yang disediakan untuk mesin telusur.