Semantic-UI 评论头像内容

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。在本文中，我们将了解评论头像内容。

它配备了预构建的语义组件，可帮助使用用户友好的 HTML 创建响应式布局。每个人都需要一张他们存在的图像，而该图像称为个人资料图片或头像。

语义UI评论头像类：

• avatar：该类用于头像。

句法：

    

          
             
          
          

            ...
          
    

示例 1：以下示例说明了语义 UI评论头像内容。

HTML

  

    
    

  

    
        
GeeksforGeeks
        
Semantic UI Comment Avatar
    
      
   

    

      
         
          
      

          GeeksforGeeks
          

            
1 day ago
          
          

            
Welcome to GeeksforGeeks
  
          
          

            Reply
          
      
     
   

输出：

Semantic-UI 评论头像内容

示例 2：以下代码演示了带有回复表单和“添加评论”按钮选项的评论头像内容。

HTML

  

    
    

  

    
        
GeeksforGeeks
        
Semantic UI Comment Avatar
    
      
  

    

      
      
         
      

          GeeksforGeeks
          

            
1 day ago
          
          

            
Welcome to GeeksforGeeks
   
          
          

            Reply
          
      
    
    

        

          
        
        

           Add Comment
        
    
   

输出：

Semantic-UI 评论头像内容

参考链接： https://semantic-ui.com/views/comment.html#avatar