语义 UI 菜单标记图标变体

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

Semantic-UI Menu用于显示分组的导航菜单。每个网站都使用导航菜单，使其更加人性化，从而使网站导航变得容易，用户可以直接搜索自己感兴趣的主题。

Semantic-UI Menu Labeled Icon Variation用于显示带有标签的菜单图标。

Semantic-UI Menu Labeled Icon Variation Used 类：

• 标签图标：该类用于显示带有标签元素的菜单图标。

句法：

div class="ui labeled icon menu">
    ...

示例 1：此示例描述了 Semantic-UI 菜单标签图标变体的使用。

输出：

示例 2：本示例描述了 Semantic-UI Menu Labeled Icon Variation 的使用。

HTML

  

    
  
    

  

    

        

            GeeksforGeeks
        
  
        
Semantic-UI Menu Labeled Icon Variation
  
        

            
                
                GeeksforGeeks
            
            
                
                My Tasks
            
            
                
                [phone]
            
            
                
                Mail
            
            
                
                Coffee
            
            
                
                My Code
            
        
    

  

输出：

参考： https://semantic-ui.com/collections/menu.html#labeled-icon