📜  什么是 HTML5 中的微数据?

📅  最后修改于: 2021-11-08 06:36:13             🧑  作者: Mango

微数据允许您定义自己的定制元素并开始在您的网页中植入定制的属性。在较高级别上,微数据包含一组名称-值对。微数据语法由一组(名称-值)组成,可以使用机器解析工具获取。微数据使用词汇表来叙述一个项目,并使用名称-值对来为其所有物分配价值。微数据试图提供一种使用机器可读标签注释 HTML 元素和分析网页的简单方法。这允许搜索引擎突出显示或突出显示更适用的信息。

这些组称为项目,每个名称-值对都是一个属性。项目和属性由常规元素表示。

定义微数据词汇:微数据词汇提供项目的语义或含义。 Web 开发人员可以设计自定义词汇表或使用 Web 上可用的词汇表或要定义微数据词汇表,您需要一个指向工作网页的命名空间 URL。例如,https://abc-xyz.org/geek(示例站点)可以用作具有以下命名属性的个人微数据词汇表的命名空间:

  • name:人名作为一个简单的字符串。
  • 国家:国家名称作为一个简单的字符串。
  • url:属于用户的网站。
  • photo:用户图片的 URL。

全局属性:下面描述了微数据的一些全局属性。

Sr.No.    

Attribute

 Description

1. itemscope            Defines the scope of the microdata items. The itemscope attribute is a Boolean attribute that tells that there is Microdata on this page
2. itemtype  A URL to define the vocabulary used for encoding the microdata and provides the context for the properties.
3. itemprop   Defines the property (name-value) of the microdata.
4. itemref  itemref provides a list of element IDs with additional properties. itemref attribute can only be written with itemscope attribute.
5. itemid It’s a global identifier for a Microdata item.

示例 1:在此示例中,要创建项目,使用了itemscope属性,并且要向项目添加属性,则在项目的后继项目之一上使用itemprop属性。

HTML


  

    
        

This website is                              GeeksForGeeks             .         

    
       
        

            Learn from the basics,of Data              Structure and Algorithms from                              DSA-Self Paced             .         

           

I live in                              India             .         

    
  


HTML


  

    
        
            

GeeksForGeeks

            

                             

                        
    
  


输出:

示例 2:在本示例中,我们将属性定义为微数据。当 Google 的网络爬虫解析您的页面并找到符合 https://abc-xyz.org/geek(示例站点)词汇表的微数据属性时,它会解析这些属性并将它们与页面数据的其余部分一起存储。

HTML



  

    
        
            

GeeksForGeeks

            

                             

                        
    
  

输出:

输出图像