📜  之间的区别<article>标记和<section>标签

📅  最后修改于: 2021-11-10 05:49:37             🧑  作者: Mango


这两个标签都是 HTML 5 中的语义标签。在本文中,我们将讨论

标签的行为。
标签以类似的方式表示,但用于某些含义,该含义适用于浏览器和开发人员。这两个标签可以相互替换,因为输出不会发生变化,但开发人员和浏览器很难理解对这些内容采取行动。

标签:此标签包含不需要任何其他上下文的独立内容。所以
标签可以放在主要内容里面。但是每篇文章都将包含独立的内容。就像YouTube习惯在一个页面上包含不同类型的视频一样,每个视频都是独立的或者你可以看到GeeksforGeeks的课程页面每个课程都是独立的,每个课程都可以有自己的页面。
特征:

  • 一篇文章可以有嵌套的文章,并且应该引用父文章。
  • 文章标签非常适合微数据信息。

标签:此标签用于将页面拆分为介绍、联系信息、详细信息等部分,并且这些部分中的每一个都可以在不同的
标签中。引入
标签是为了将特定部分中的内容包装起来。
标签将内容分为节和子节。当需要两个页眉或页脚或需要文档的任何其他部分时,将使用部分标签。部分标签对相关内容的通用块进行分组。
特征:

  • 一个部分可以有嵌套的部分

注意:

标签内放置
标签是一种很好的做法,就像 section 基本定义了类型,文章将包含该类型的 section 中的具体内容。

示例:在此示例中,我们将根据其行为使用标签,例如包含独立内容列表的文章,而 section 标签将包含网页上的特定部分。




  

    
        article tag over section tag
    
  
    

  

    
        

GeeksforGeeks

        

A Computer Science Portal

        
            
                
                    

This is article tag

                    

                        Above header(h2) placed                         in article tag                     

                
                

This is non-article tag

                

                    The header is larger compare                     to above header                 

            
                           
                
                    

This is section tag

                    

                        Above header(h2) placed                         in section tag                     

                
                

This is non-section tag

                

                    The header is larger compare                     to above header                 

            
        
    
  

输出:

选择一个:

  • 标签:当你只想装饰页面中的任何内容,即你想添加一些功能时,你可以使用
    标签,也可以用
    标签代替。当任何网页的内容适合内容大纲并且浏览器不关注大纲时,section 标签将是好的。
  • 标签:
    标签是一个自我完成的标签,这可以用于任何这些原因,其中需要
    标签加上
    标签独立放置内容。文章标签可用于放置任何社交帖子、杂志文章、博客、相关内容列表、任何独立内容。

标签:

  • 如果您的内容材料包含日期、价格、作者、描述等,则选择文章标签。基本上使用文章标签来包含可以共享的内容,显然是针对实际文章的。将您的博客文章包裹在其中。
  • 如果您的内容包含任何类型的程序来制作或创建依赖于某些内容的内容,那么请使用部分标签,例如 div,当它描述您的文档大纲将包含的内容时。