Semantic-UI 标头内容

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

Semantic-UI header 提供了一个简短的内容摘要，它可以包含 3 个内容 Image、Icon 和 Subheader。 Semantic-UI Content 组件很重要，就像没有标题/摘要一样，内容查找过程会浪费很多时间。在本文中，我们现在将介绍不同的标头内容

Semantic-UI 标头内容：在语义 UI 标头的标头中，我们有 3 个内容，如下所述。

• 图像：这用于包含图像。
• 图标：用于包含图标。
• 副标题：用于包含副标题。

句法：

  
  
  
  ...
  

示例 1：以下示例说明了 Semantic-UI 标头内容：

HTML

  

  
  

  

  
    

      GeeksforGeeks
    
    
      Semantic-UI Header Content
    
  
  

  

    
      Geeksforgeeks:header
    
    

        Free Tutorials, Millions of Articles, Live,
        Online and Classroom Courses ,Frequent Coding
        Competitions ,Webinars by Industry Experts, 
        Internship opportunities and Job Opportunities.
    
  
    

    
    
      A Computer Science Portal for 
      GeeksSubheader
    
  

  

输出：

Semantic-UI 标头内容

示例 2：以下示例说明了带有图像的 Semantic-UI 标头内容：

HTML

  

  
  

  

  
    

      GeeksforGeeks
    
    
      Semantic-UI Header Content
    
  
  

  

    
      Geeksforgeeks:header
    
    
    

        Free Tutorials, Millions of Articles, Live,
        Online and Classroom Courses ,Frequent Coding
        Competitions ,Webinars by Industry Experts, 
        Internship opportunities and Job Opportunities.
    
  
    

    
    
      A Computer Science Portal for 
      GeeksSubheader
    
  

  

输出：

Semantic-UI 标头内容

参考： https://semantic-ui.com/elements/header.html