Semantic-UI 标签详细内容

Semantic UI 是一个用于构建出色用户界面的框架。它是一个使用 CSS 和 jQuery 的开源框架。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更神奇。

语义 UI 标签用于创建有意义的内容分类，标签提供对内容片段的描述。在语义 UI 标签中，提供了 4 种类型的内容。这些是详细信息、图标、图像和链接类型。 Semantic-UI Label Detail Content用于显示带有标签的详细信息。

Semantic-UI 标签详细内容类：

• detail：该类用于制作细节标签。

句法：

    ...
    

        ...
    

示例 1：在此示例中，我们将使用语义 UI 添加标签详细信息内容。

输出：

Semantic-UI 标签详细内容

示例 2：在此示例中，我们将使用带有颜色的语义 UI 添加标签详细信息内容。

HTML

  

    Semantic-UI Label Detail Content
    
    
    

  

    
      GeeksforGeeks
    
    
      Semantic UI Label Detail Content
    
    
    
        Site:
        GeeksforGeeks
    

    

输出：

Semantic-UI 标签详细内容

参考： https://semantic-ui.com/elements/label.html#detail