Temel olarak HTML5 itemscope özniteliğinin ne için kullanıldığını bilmek istedim.
Temel olarak HTML5 itemscope özniteliğinin ne için kullanıldığını bilmek istedim.
Yanıtlar:
[itemscope]Özelliği, eleman içinde bulunan meta kapsamını tanımlamak için bir Boole niteliktir.
HTML5 Mikro Veri API'sinde tanımlanmıştır :
Her HTML öğesinin
itemscopebelirtilen bir özniteliği olabilir .itemscopeÖznitelik bir boolean niteliktir.
itemscopeBelirtilen özniteliğe sahip bir öğe , yeni bir öğe , bir grup ad-değer çifti oluşturur.
Başka bir deyişle, meta verileri belirli bir DOM düğümüyle ilişkilendirmenin bir yoludur.
Bu, Schema.org API tarafından arama motorları ve sosyal ağlar için verileri ilişkilendirmek için kullanılır. Google+, şemayı , kullanıcılar tarafından paylaşılan sayfalara başlık, küçük resim ve açıklama sağlamanın bir yolu olarak kullanır .
Ayrıca belirtmek gerekir [itemscope]ve [itemprop]Facebook'un ile uyumlu olan Open Graph Protocol bir web sayfası için meta veri sağlarken. Aynı meta veriler, arama motorları, Facbook ve Google+ <meta>için, aynı bilgileri birden çok kez listelemek zorunda kalmadan tek bir öğe kümesinde listelenebilir:
<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>
Örnekte, öğeye [itemscope]eklendiğini unutmayın <html>. Bu [itemprop], <head>ve içindeki tüm özniteliklerin öğenin <body>parçası olduğu anlamına gelir WebPage.
Bing, Google ve Yahoo! gibi arama motorları artık web sayfalarındaki anlamsal verileri tanımlamak için itemscope ve friends kullanıyor . Schema.org web sitesinde , arama motorlarına sağlanan verileri iyileştirmek için önceden tanımlanmış şemalarla itemscope'un nasıl kullanılacağına dair bir açıklama var .