Setiap elemen HTML mungkin memiliki itemscopeatribut yang ditentukan. The itemscopeatribut 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:
<htmlitemscopeitemtype="http://schema.org/WebPage"xmlns:fb="https://www.facebook.com/2008/fbml"><head><title>An Example Title</title><metacontent="An Example Title"itemprop="name"property="og:title" /><metacontent="Lorem ipsum dolor sit amet"itemprop="description"name="description"property="og:description" /><metacontent="http://www.example.com/image.jpg"itemprop="image"property="og:image" /><metacontent="http://www.example.com/permalink"itemprop="url"property="og:url" /><linkrel="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.
Jawaban:
The
[itemscope]
atribut adalah atribut boolean untuk menentukan ruang lingkup dari metadata yang terkandung dalam elemen.Ini didefinisikan dalam HTML5 Microdata API:
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 dariWebPage
item.sumber
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.
http://schema.org/docs/gs.html
sumber