Semantic-UI 内容标头类型

Semantic UI是一个开源框架，它有一些预定义的类，使我们的网站看起来漂亮且响应迅速。它类似于引导程序，因为它具有预定义的类供使用。它使用 CSS 和 jQuery 来构建界面。它有一些不同类型的元素可以帮助我们创建一个漂亮的网站。

语义 UI 标头用于提供内容的简短摘要。我们可以将这些标题与文本、图标等一起使用。语义 UI 内容标题用于赋予部分的重要性。有许多标题类型，例如巨大，大，中，小，小等。

在本文中，我们将讨论 Semantic-UI 中的 Content Headers 类型。

语义 UI 内容标题类型类：

• 巨大的：这个类用于创建巨大的标题。
• large：此类用于创建大尺寸标头。
• medium：该类用于创建中等大小的标头。
• small：这个类用于创建一个小尺寸的标题。
• tiny：此类用于创建小尺寸标头。

句法：

  ....

示例 1：以下代码演示了使用巨大的语义 UI 内容标题类型 和大班。

HTML

  
  

  

  

    
 GeeksforGeeks 
    
 Semantic-UI Content Headers Type 
    
    

      

        GeeksforGeeks Huge header
      
      

        A Computer Science portal for geeks.
      
  
      

        GeeksforGeeks Large header
      
      

        Portal for geeks.
      
    
  

输出：

示例 2：以下代码使用medium 、 small 、 和小班。

HTML

  
  

  

  

    
 GeeksforGeeks 
    
 Semantic-UI Content Headers Type 
    
    

      

        GeeksforGeeks Medium header
      
      

        A Computer Science portal for geeks.
      
  
      

        GeeksforGeeks Small header
      
      

        Portal for geeks.
      
  
      

        GeeksforGeeks Tiny header
      
      

        Computer Science portal.
      
    
  

输出：

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