Semantic-UI 面包屑部分内容

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

Semantic UI为用户提供了一个面包屑导航组件来显示内容的顺序或排名。它用于显示内容之间的一些层次结构。面包屑有不同的内容表示。有不同的类可以帮助管理网页内容之间的层次结构。在本文中，我们将讨论面包屑部分内容以及示例。

语义 UI 面包屑部分内容类：

• Section：该类用于将面包屑定义为可以格式化为链接或某些文本的部分。

句法：

      ...
      
 / 
      
...
      

示例 1：下面是说明使用面包屑部分内容的代码。

HTML

  

    
  
    

  

    

    
        

            Geeksforgeeks
        
  
        

            Semantic-UI Breadcrumb Section Content
        
  
        

            

                Home section
            
  
            
 / 
  
            

                Articles section
            
  
            
 / 
  
            

                This is active section
            
        
    

  

输出：

Semantic-UI 面包屑部分内容

示例 2：下面是另一个代码，说明了面包屑部分内容的使用。

HTML

  

    
  
    

  

    

    
        

            Geeksforgeeks
        
  
        

            Semantic-UI Breadcrumb Section Content
        
  
        

            

                GeeksforGeeks Home
            
  
            
 -> 
  
            

                Courses
            
  
            
 -> 
  
            

                
                    Complete Interview Preparation - Self Paced
                
            
        
    

  

输出：

Semantic-UI 面包屑部分内容

参考链接： https://semantic-ui.com/collections/breadcrumb.html#section