语义-UI 统计内容标签

Semantic UI 是一个 UI 框架，它提供了一系列 UI 工具来设置网页样式。通过这个框架可以更好地表示 UI 中的内容。它有一堆组件供用户设计网页。其中之一是“统计”。它用于放大网页上的特定数据。统计中有不同的内容表示方式。让我们看看标签内容统计。

语义 UI 统计标签内容包含一个标签，该标签提供值的参考。假设用户想要在 UI 上突出显示数据，在某些情况下他还需要指出他指的是内容的哪一部分。这就是标签内容帮助我们的时候。可能会有一堆数据用作统计数据。为了区分它们，可以在它们中的每一个上贴上标签。我们将设计一个显示标签内容统计信息的 UI。

Semantic-UI 统计内容标签类：

• label：此类用于为呈现的值提供上下文。

句法：

  
    

    ....
    
    

    ....
    

下面的示例说明了语义 UI 统计内容标签：

示例 1：此示例演示了使用标注分类的标注表示。

HTML

  

    

  

    

        
GeeksforGeeks
        
            
Semantic UI statistics with/without label. 
        
        

            

                

                    GFG
                
                

                    Website
                
            
            

                

                    GFG
                
            
        
    

  

输出：

语义-UI 统计内容标签

示例 2：此示例演示了一组数据，每个数据都使用标签类进行标签表示。

HTML

  

    

  

    

        
GeeksforGeeks
        
            
Semantic UI statistics with label.
        
        

            

                

                    150
                
                

                    Likes
                
            
            

                

                    3000
                
                

                    Views
                
            
            

                

                    100
                
                

                    Comments
                
            
        
    

  

输出：

语义-UI 统计内容标签

参考： https://semantic-ui.com/views/statistic.html#label