语义 UI 项元数据内容

Semantic UI是一个现代框架，用于开发网页的无缝设计，它为用户提供了轻量级的组件体验。它使用预定义的 CSS 和 jQuery 来整合不同的框架。它使网页看起来很棒且响应迅速。

语义 UI 项在站点上呈现大量类似类型的数据。 Item 可以包含图像、标题、描述、按钮、日期等。Item 是 Semantic UI 中项目的集合。

语义 UI 项元数据内容用于显示元数据，例如日期、价格、评级、喜欢和评论计数等。元数据中的子元素自动间隔。

语义 UI 项元数据内容类：

• meta ：在将此类添加到内容容器内的容器时，子元素将显示为元数据。

语法：将类元添加到内容容器内的容器中，如下所示：

    

        

            ...
            
 ... 
            ...
        
    
    ...

示例：在以下示例中，我们向元类添加了不同的元数据以显示它们。

HTML

  
    
    
    
  
  
  
    
      
        GeeksforGeeks
        Semantic UI Item Metadata Content
      
    
    
      
        
          
        
        
          Data Structures and Algorithms
          
            30 Likes
            10000 Views
          
          
            Lots of high quality tutorials in GeeksforGeeks
          
        
      
      
        
          
        
        
          Machine Learning
          
            123 Likes
            2300 Views
          
          
            Get started with Machine Learning with GeeksforGeeks
          
        
      
    
  

输出

参考： https ://semantic-ui.com/views/item.html#metadata