语义 UI 图标标题类型

Semantic UI是一个开源开发框架，它提供了预定义的类，使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。

Semantic UI为用户提供了各种不同的图标，这些图标可用于不同的目的，并具有漂亮的用户界面。图标比文字表示为网站增添了更多美感。在这篇文章中，让我们看看图标标题。 Semantic UI 为 Headers Type 提供了一些最常用的图标类，这些类主要用于编辑器，这里是这些类。

语义 UI 图标标题类型类：

• icon：该类用于将图标显示到 Headers 中。
• desktop：该类用于显示桌面图标。
• download：该类用于显示下载图标。

句法：

    
    ...

示例 1：此代码演示了 Icon Headers Type 类的使用。

HTML

  

    Semantic-UI Icon Headers Type
  
    

  

    
        
            Geeksforgeeks
        
  
        
            Semantic-UI Icon Headers Type
        
  
        
            
            
                Download
            
        
    
  
    
        
  
    
    

  

输出：

语义 UI 图标标题类型

示例 2：这是另一个演示如何使用 Icon Headers Type 类的代码。

HTML

  

    Semantic-UI Icon Headers Type
  
    

  

    
        
            Geeksforgeeks
        
  
        
            Semantic-UI Icon Headers Type
        
  
        
            
            
                Desktop
            
        
    
  
    
        
  
    
    

  

输出：

语义 UI 图标标题类型

参考链接： https://semantic-ui.com/elements/header.html#icon-headers