ฉันแค่อยากรู้ว่าแอตทริบิวต์ itemscope HTML5 ใช้สำหรับอะไรโดยทั่วไป?
คำตอบ:
[itemscope]แอตทริบิวต์เป็นแอตทริบิวต์แบบบูลเพื่อกำหนดขอบเขตของเมตาดาต้าที่มีอยู่ภายในองค์ประกอบ
ซึ่งกำหนดไว้ในHTML5 Microdata API:
ทุกองค์ประกอบ HTML อาจมีการ
itemscopeระบุแอตทริบิวต์itemscopeแอตทริบิวต์เป็นแอตทริบิวต์แบบบูลองค์ประกอบที่มี
itemscopeแอตทริบิวต์ที่ระบุจะสร้างรายการใหม่กลุ่มของคู่ชื่อ - ค่า
กล่าวอีกนัยหนึ่งเป็นวิธีการเชื่อมโยงข้อมูลเมตากับโหนด DOM เฉพาะ
สิ่งนี้ใช้โดยSchema.org API เพื่อเชื่อมโยงข้อมูลสำหรับเครื่องมือค้นหาและเครือข่ายสังคม Google+ ใช้สคีมาเป็นช่องทางในการระบุชื่อภาพขนาดย่อและคำอธิบายสำหรับหน้าที่แชร์โดยผู้ใช้
นอกจากนี้ควรสังเกตว่า[itemscope]และ[itemprop]เข้ากันได้กับOpen Graph Protocolของ Facebook เมื่อให้ข้อมูลเมตาสำหรับหน้าเว็บ ข้อมูลเมตาเดียวกันสามารถแสดงรายการสำหรับเครื่องมือค้นหา Facbook และ 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! ขณะนี้ใช้itemscopeและเพื่อนเพื่อระบุข้อมูลเชิงความหมายในหน้าเว็บ ในเว็บไซต์schema.orgมีคำอธิบายวิธีใช้itemscopeกับ schema ที่กำหนดไว้ล่วงหน้าเพื่อปรับปรุงข้อมูลที่ให้ไว้กับเครื่องมือค้นหา