语义 UI 标头禁用状态

Semantic UI是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。这个框架最好的部分是它创建了漂亮的响应式布局，因为它包含预构建的语义组件。

网站中的标题是必不可少的，因为它们提供了该标题下方的内容列表。 Semantic UI 为我们提供了 header 组件，帮助我们创建各种类型的 header。

当我们想要显示某个特定的标头目前处于非活动状态时，可能会出现这种情况。这可以在语义 UI 中借助禁用的标头类来实现。

语义 UI 标头禁用类：

• disabled：这是标头的状态，表明标头目前处于非活动状态。

句法：

    ...
 

示例 1：在以下示例中，我们将创建一个禁用的标头。

HTML

  

    
    

  

    

    

        GeeksforGeeks
    
      
    

        Disabled Header
    
    

      
    
    

        This is a Disabled Header
    

  

输出：

示例 2：在以下示例中，我们将创建一个活动标头和一个禁用标头，以了解它们之间的区别。

HTML

  

    
    

  

    

    

        GeeksforGeeks
    
      
    

        Disabled Header
    
    

      
    

        Active Header 1
    
    

        Active Header 2
    
      
    
    

        Disabled Header
    
    

        Active Header 3
    

  

输出：

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