1. घर
  2. सवाल और जवाब
  3. एचटीएमएल 5 आइटमस्कोप विशेषता क्या है और यह लेमन शर्तों में क्या करता है?

एचटीएमएल 5 आइटमस्कोप विशेषता क्या है और यह लेमन शर्तों में क्या करता है?

2010-11-11 13 views
77

मैं सिर्फ यह जानना चाहता था कि मूल रूप से HTML5 आइटम्सकोप विशेषता क्या है?एचटीएमएल 5 आइटमस्कोप विशेषता क्या है और यह लेमन शर्तों में क्या करता है?

स्रोत

2010-11-11 delimit

+1

यह आम आदमी की दृष्टि में आप के लिए यह समझाने के लिए सक्षम होना चाहिए: http://diveintohtml5.org/extensibility.html –

उत्तर

60

[itemscope] विशेषता तत्व के भीतर मौजूद मेटाडेटा के दायरे को परिभाषित करने के लिए एक बूलियन विशेषता है।

यह HTML5 Microdata एपीआई में परिभाषित किया है:

हर HTML तत्व एक itemscope विशेषता निर्दिष्ट हो सकता है। itemscope विशेषता एक बुलियन विशेषता है।

itemscope विशेषता वाला तत्व तत्व निर्दिष्ट मूल्य आइटम नाम-मूल्य जोड़े का समूह बनाता है।

दूसरे शब्दों में, यह एक विशेष डोम नोड के साथ मेटाडेटा को जोड़ने का एक तरीका है।

इसका उपयोग Schema.org एपीआई द्वारा खोज इंजन और सोशल नेटवर्क के लिए डेटा को जोड़ने के लिए किया जाता है। Google+ uses schema उपयोगकर्ताओं द्वारा साझा किए गए पृष्ठों के लिए शीर्षक, थंबनेल और विवरण प्रदान करने के तरीके के रूप में।

यह भी ध्यान दिया जाना चाहिए कि [itemscope] और [itemprop] जब वेबपृष्ठ के लिए मेटा डेटा उपलब्ध कराने के फेसबुक के Open Graph Protocol के साथ संगत कर रहे हैं।

<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] को जोड़ा गया है: एक ही मेटाडाटा बल्कि एक बार से अधिक एक ही जानकारी सूचीबद्ध करने के लिए की तुलना में खोज इंजन, Facbook, और <meta> तत्वों का एक सेट में गूगल + के लिए सूचीबद्ध किया जा सकता है <html> तत्व। इसका मतलब है कि <head> और <body> में WebPage आइटम का हिस्सा हैं।

स्रोत

2010-11-11 20:29:55 zzzzBov

+1

यह अंतिम एचटीएमएल 5 से विभाजित किया गया है लगता है: http: // www। w3.org/TR/microdata/ –

32

बिंग, Google और याहू सहित खोज इंजन! अब आइटमस्कोप और मित्रों को वेबपृष्ठों में अर्थपूर्ण डेटा की पहचान करने के लिए उपयोग कर रहे हैं। वेबसाइट schema.org पर, उनके पास खोज इंजन पर प्रदान किए गए डेटा को बेहतर बनाने के लिए पूर्वनिर्धारित स्कीमा के साथ आइटमकोप का उपयोग करने का तरीका है।

http://schema.org/docs/gs.html

स्रोत

2011-06-03 12:54:09 Bryan

संबंधित मुद्दे

 संबंधित मुद्दे