HTML5 apa itu atribut itemscope dan apa fungsinya dalam istilah awam?

90

Saya hanya ingin tahu untuk apa atribut itemscope HTML5 digunakan pada dasarnya?

membatasi
sumber
2
Ini seharusnya dapat menjelaskannya kepada Anda dalam istilah awam: diveintohtml5.org/extensibility.html
Šime Vidas

Jawaban:

68

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. 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:

<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.

zzzzBov
sumber
1
Tampaknya telah dipisahkan dari HTML5 final: w3.org/TR/microdata
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
34

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

Bryan
sumber