区分<article>,<p> &<section> HTML中的标签

区分 HTML 中的

、

和

标签

HTML标签 是 HTML 文档的起点和终点部分，它以 <（小于）开始，以 >（大于尖括号）结束。

HTML 中的标签是关键字，其中每个特定的标签都有一些独特的含义。

HTML中

标签、

标签和

标签的区别：

HTML <文章> 标签：

标签是语义标签 这向开发人员和浏览器描述了它的含义。 它指定了独立性，自包含内容。它不需要任何其他上下文。一篇文章具有其自身的意义，并且它必须独立于网站的其余部分分发（即使它可以相关）。这些标签非常适合展示微数据信息。

一些潜在的来源 文章元素可以是：

• 博客条目
• 用户提交的评论
• 报纸/杂志文章
• 论坛帖子

注：文章 element 不会在浏览器中呈现任何特殊内容。默认情况下，文章元素是块级的。

文章主要用在两个 上下文：

1. 在仅包含一条内容的页面上，单个
   元素用于包含主要内容并将其与页面的其余部分分开。
2. 在诸如搜索结果页面、博客索引页面等页面上，多个
   元素用于包含单独的内容片段。

示例：此示例显示了我们网页上

标记的用例。

HTML

  

      
    

  

    

        
        
GeeksforGeeks
  
        

            A Computer Science portal for geeks. 
            It contains well written, well thought 
            and well-explained computer science 
            and programming articles, quizzes, 
            and live courses
        
    

  

输出：

HTML

标签：

标签既是表现性的又是语义性的。它定义了 HTML 中的段落。

和

中的任何内容都被视为段落。浏览器会自动在每个

元素之前和之后添加空格（单个空行），这只是浏览器添加的边距。用户添加的多行和空格被浏览器减少为单个。

注意：默认情况下，

元素是块级的。

标签在文章、故事等中要添加多个段落时最有用。

大多数浏览器中

元素的默认 CSS 样式如下。

p {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 1em;
    margin-top: 1em;
}

示例：此示例显示了我们网页上

标记的用例。

HTML

  

    
    

  

    

        

            Hi Geeks, Welcome to GeeksforGeeks. 
            This is Paragraph 1. 
            It has multiple lines
        
  
        

            Hi Geeks, Welcome to GeeksforGeeks.
            This is Paragraph 2. 
            It also has multiple lines
        
  
    

输出：

HTML

标签：

标签是一个语义标签。它将页面分成不同的部分，例如介绍、详细信息、联系信息等，这些部分主要包含在不同的

标签中。它甚至可以将内容分成小节。它主要用于需要 2 个标题或文档的任何其他部分的要求。

注意：默认情况下

元素是块级的。

示例：此示例显示了我们网页上

标记的用例。

HTML

  

    
    

  

    

        
 Section 1 - Education
            
Subsection 1 - About College
            
Subsection 2 - About School
        
        
Section 2 - Hobbies
        
Section 3 - Contact Info
    

输出：

下表说明了 HTML 中

标签、

标签和

标签之间的区别。

tag	tag	tag
Article tag is a semantic tag.	Paragraph is presentational and semantic tag.	Section tag is a semantic tag.
When to use: Blog article Newspapers/ Magazines article Forum Post	When to use: Adding multiple paragraphs in articles, stories, informative blogs.	When to use: Adding multiple headers or sections in a document.
Default CSS display property is               “Block”	Default CSS display property is “Block”	Default CSS display property is “Block”