语义 UI 段状态

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。语义 UI 为我们提供了一种非常简单的方式来设置 Web 应用程序的样式，而不是使用 CSS。为了创建一组相关的内容，我们使用分段。它提供了不同变体、类型组和状态的细分。

在本文中，我们将了解 Semantic-UI 段状态以及使用示例代码的实现。

Semantic-UI 段状态： Semantic-UI 为我们提供了在两种状态下创建相关内容分组的方法，如下所示：

1.禁用：用于对相关内容进行分组的段显示其内容处于禁用状态。我们可以在比平时更轻的版本中观察片段中的内容。

句法：

  ...

例子：

HTML

  

    Semantic-UI Segment Disabled State
    
    
    
    
    

  

    
        
            Geeksforgeeks
            Semantic-UI Segment Disabled State
            
            
                
                    As the placement season is back, 
                    GeeksforGeeks is here to help you
                    crack the interview.
                
            
        
    

  

输出：

2.Loading：用于对相关内容进行分组的段显示其内容处于加载状态。我们可以观察一个加载器，但看不到内容。

句法：

   ...

例子：

HTML

  

    Semantic-UI Segment Loading State
    
    
    
    
    

  

    
        
            Geeksforgeeks
            Semantic-UI Segment Loading State
            
            
                
                    As the placement season is back, 
                    GeeksforGeeks is here to help you
                    crack the interview.
                
            
        
    

  

输出：我们可以观察到内容看不到，而是显示了一个加载器。

参考： https://semantic-ui.com/elements/segment.html#states