语义 UI 面包屑内容

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。

Semantic UI 提供了一个面包屑导航组件 供用户显示内容的顺序或排名。它用于显示内容之间的一些层次结构。面包屑有不同的内容表示。 有不同的类可以帮助管理网页内容之间的层次结构

语义 UI 面包屑内容类：

• 分隔线：您可以使用不同类型的指标或分隔线来描述不同部分之间的关系。根据您的要求，它可以是图标或文本。
• 部分：面包屑可以包含可以格式化为链接或某些文本的部分。
• 链接：面包屑中可以包含链接。

句法：

  ...
  
 / 
  
...
  

下面的示例说明了 Semantic-UI 面包屑内容：

示例 1：以下示例演示了面包屑内容分隔器类。

HTML

   
       
   
   
      
        
GeeksforGeeks
        Semantic UI Breadcrumb Content Divider
      
      

      

         
           GeeksforGeeks
         
         
 / 
         Articles
         
 / 
         
Breadcrumb
      
      

      

         
           GeeksforGeeks
         
         
         
           Articles
         
         
         

           Breadcrumb
         
      
   

输出：

语义 UI 面包屑内容

示例 2：以下代码演示了 面包屑内容部分类。

HTML

   
       
   
   
      
        
GeeksforGeeks
        Semantic UI Breadcrumb Content Section
      
      

      

         

           Home section
         
         
 / 
         

           Articles section
         
         
 / 
         

           This is active section
         
      
   

输出：

语义 UI 面包屑内容

示例 3：以下代码演示了带有链接类的面包屑部分。

HTML

   
       
   
   
      
        
GeeksforGeeks
        Semantic UI Breadcrumb Content Link
      
      

      

         

           Home section
         
         
 / 
        
          
         

           Section with link :
           
           Semantic UI tutorials
           
         
      
   

输出： ;

语义 UI 面包屑内容