Semantic-UI 标签链接内容

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。这个框架允许我们使用它的各种样式和属性来使网站更加用户友好。

语义 UI 标签用于创建有意义的内容分类，标签提供对内容片段的描述。在语义 UI 标签中，提供了 4 种类型的内容。这些是细节，图标，图像， 和链接类型。一个标签可以是一个链接或包含一个链接的项目，链接标签用于添加链接或链接的项目，如邮件、电话等。

Semantic-UI 标签链接内容类：

• 图标：这个类被添加到图标中，它链接内容或任何其他站点或页面。

注意：对于不同类型的图标，请参阅参考中提到的链接。

句法：

     
    ...

示例 1：以下代码演示了使用 UI 图标类的标签链接内容。

HTML

  

    Semantic-UI Label Link Content
    
    
    

  

      
      GeeksforGeeks
    
    
      Semantic UI Label Link Content
    
    
    
         1212121212
    

  

输出：

Semantic-UI 标签链接内容

示例 2：要更改链接标签的颜色，我们必须在类中添加颜色。

HTML

  

    Semantic-UI Label Link Content
    
    
    

  

      
      GeeksforGeeks
    
    
      Semantic UI Link Content
    
    
    
         1212121212
    

  

输出：

Semantic-UI 标签链接内容

参考资料： https://semantic-ui.com/elements/label.html#link