मैं सिर्फ जानना चाहता था कि HTML5 आइटम्सस्कोप विशेषता मूल रूप से किसके लिए उपयोग की जाती है?
जवाबों:
[itemscope]विशेषता मेटाडाटा तत्व के भीतर निहित के क्षेत्र को परिभाषित करने के लिए एक बूलियन विशेषता है।
यह HTML5 माइक्रोडाटा एपीआई में परिभाषित किया गया है:
प्रत्येक HTML तत्व में एक
itemscopeविशेषता निर्दिष्ट हो सकती है ।itemscopeविशेषता एक बूलियन विशेषता है।
itemscopeनिर्दिष्ट विशेषता वाला एक तत्व एक नया आइटम बनाता है , नाम-मूल्य जोड़े का एक समूह।
दूसरे शब्दों में, यह मेटाडेटा को एक विशेष DOM नोड के साथ जोड़ने का एक तरीका है।
इसका उपयोग स्कीमा.कॉम एपीआई द्वारा खोज इंजन और सामाजिक नेटवर्क के डेटा को जोड़ने के लिए किया जाता है । Google+ उपयोगकर्ताओं द्वारा साझा किए गए पृष्ठों के लिए शीर्षक, थंबनेल और विवरण प्रदान करने के तरीके के रूप में स्कीमा का उपयोग करता है ।
यह भी है कि ध्यान दिया जाना चाहिए [itemscope]और [itemprop]फेसबुक के साथ संगत कर रहे हैं ओपन ग्राफ प्रोटोकॉल जब वेबपृष्ठ के लिए मेटा डेटा प्रदान करते हैं। समान मेटाडेटा को खोज इंजन, फेसबुक और Google+ के लिए एक ही बार में एक <meta>ही जानकारी को सूचीबद्ध करने के बजाय तत्वों के एक सेट में सूचीबद्ध किया जा सकता है :
<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>ध्यान दें कि उदाहरण में, तत्व [itemscope]में जोड़ा गया था <html>। इसका मतलब यह है कि किसी भी [itemprop]गुण में <head>और आइटम <body>का हिस्सा हैं WebPage।
Bing, Google और Yahoo सहित सर्च इंजन! अब वेबपृष्ठों में अर्थ डेटा की पहचान करने के लिए आइटम्सस्कोप और दोस्तों का उपयोग कर रहे हैं । वेबसाइट schema.org पर , उनके पास यह स्पष्टीकरण है कि खोज इंजन को प्रदान किए जाने वाले डेटा को बेहतर बनाने के लिए पूर्वनिर्धारित स्कीमा के साथ आइटमस्कॉप का उपयोग कैसे करें।