语义 UI 项目链接变体

Semantic UI 是一个现代框架，用于为网站开发无缝设计，它为用户提供了轻量级的组件体验。它使用预定义的 CSS 和 jQuery 来整合不同的框架。

语义 UI 项用于在页面上显示大量内容。 Semantic UI Item Variation 为我们提供了 6 种类型的变体，可与此项目一起使用，以更改此项目的显示类型。在本文中，我们将了解语义 UI 项链接变体。

语义 UI 项目链接变体用于使项目链接能够。因此，用户可以访问链接到整个项目的主要内容。

Semantic UI Item Variations Link 变体类：

• 链接：该类用于使项目链接能够。

句法：

    ......

下面的示例说明了语义 UI 项变体链接变体：

示例 1：在此示例中，我们将创建两个项目列表，一个可以链接，另一个不能。

HTML

  

   

  

   
     

       GeeksforGeeks
     
       
      
       Semantic-UI Item Variations Link Variant
     
   
    
   


   
     Item Link Variant:
   
   

  
   

      

         

            
         
  
         

            Sandeep Jain
            

               Founder of Geeksforgeeks
            
  
            

               

                  Expert Advice series, we’re 
                  constantly trying to provide 
                  you with several enriching advice 
                  and mentorship every month to resolve 
                  all your career-related concerns and 
                  make your journey smoother.
               
  
               

                 Connect
               
            
         
      
      

  
      
        Item non Link Variant:
      
      

  
      

         

            

               
            
  
            

               
Geeksforgeeks
            
         
      
   

  

输出：

语义 UI 项目变体链接变体

示例 2：在此示例中，所有项目都可以链接。

HTML

  

   

  

   
      
GeeksforGeeks
      Semantic-UI Item Variations Link Variant
   
   


  
   
      Item Link Variant:
   
   

  
   

      

         

            
         
  
         

            Sandeep Jain
            

               Founder of Geeksforgeeks
            
  
            

               

                  Expert Advice series, we’re constantly 
                  trying to provide you with
                  several enriching advice and mentorship 
                  every month to resolve all
                  your career-related concerns and make 
                  your journey smoother.
               
  
               

                  Connect
               
            
         
      
  
      

         

            
         
  
         

            
Geeksforgeeks
         
      
   

  

输出：

语义 UI 项目变体链接变体

参考： https ://semantic-ui.com/views/item.html#link-item