HTML itemscope 属性

HTML itemscope属性与项目类型一起使用，以确保块中包含的 HTML 是关于特定项目的。为任何元素定义itemscope属性会创建一个新项目，这会产生许多与该元素关联的名称-值对。

句法：

示例 1：下面的示例说明了 HTML 中的itemscope属性。

HTML

 

    
        

            GeeksforGeeks
        
 
        HTML itemscope Attribute
    
 
    

 
        
Courses
        Geeksforgeeks:
            A Computer
            Science portal for Geeks
        
        Web Developer
        Visit Courses
    

 

输出：

结构化数据：下表显示了前面示例中的结构化数据。

itemscope	itemtype	channel
	itemprop	(itemprop name)	(itemprop value)
	itemprop	topic	A Computer
	itemprop	stack	Web Developer
	itemprop	name	Courses
	itemprop	full_course	Visit Courses

示例 2：

HTML

 

    
        

            GeeksforGeeks
        
         
        HTML itemscope Attribute
    
 
    

 
        
DSA Courses
 
        Geeksforgeeks:
            A Computer
            Science portal for Geeks
        
        

 
        

            

                
                    Competitive Programming
                
                Visit Courses
            
             
            

                DataStructure & Algorithm
            
                Visit Courses
            
        
    

 

输出：

结构化数据：下表显示了前面示例中的结构化数据。

itemscope	itemtype	channel
	itemprop	(itemprop name)	(itemprop value)
	itemprop	topic	A Computer
	itemprop	stack	Competitive Programming
	itemprop	name	Courses
	itemprop	full_course	Visit Courses
	itemprop	stack	DataStructure & Algorithm
	itemprop	course	Visit Courses

支持的浏览器：

• 谷歌浏览器
• IE浏览器
• 火狐浏览器
• 苹果浏览器
• 歌剧