<section>和<div>有什么区别?

HTML中的<section><div>什么区别? 我们不是在两种情况下定义部分?

<section>意味着里面的内容被分组(即涉及单个主题),并且应该作为页面大纲中的条目出现。

另一方面,除了在其class发现的任何含义外,其他langtitle属性都不能expression任何意义

所以不行:使用<div>不会在HTML中定义一个部分。

从规格:

<section>

<section>元素表示文档或应用程序的通用部分。 在这方面,一节是内容的主题分组。 每个section都应该被识别,通常包括一个标题(h1-h6元素)作为<section>元素的一个子元素。

部分的例子可以是章节,标签对话框中的各种标签页或者论文的编号部分。 一个网站的主页可以分成几个部分介绍,新闻和联系信息。

<section>元素不是一个通用的容器元素。 当仅仅为了样式目的或为了方便脚本而需要元素时,鼓励作者改为使用<div>元素。 一般的规则是<section>元素只有在元素的内容将在文档的大纲中明确列出时才适用。

https://www.w3.org/TR/html/sections.html#the-section-element

<div>

<div>元素根本没有特别的意义。 它代表了它的孩子。 它可以与classlangtitle属性一起使用来标记一组连续元素共有的语义。

注意:强烈build议作者将<div>元素作为最后一个元素的元素,因为当其他元素不适合时。 使用更合适的元素而不是<div>元素可以提高读者的可访问性,并使作者更易于维护。

https://www.w3.org/TR/html/grouping-content.html#the-div-element

<section>标记一段 , <div>标记一个没有关联语义的通用块。

<div> Vs <Section>

第一轮

<div>: HTML元素(或HTML Document Division Element)是stream内容的通用容器,它本质上不代表任何东西。 它可以用于对样式进行分组(使用类或id属性),或者因为它们共享属性值(如lang)。 只有在没有其他语义元素(如<article><nav> )适用时才应使用它。

<section>: HTML Section元素( <section> )表示文档的通用部分,即内容的主题分组,通常带有标题。


第2轮

浏览器支持 在这里输入图像描述

<section>: 浏览器支持

表中的数字指定完全支持该元素的第一个浏览器版本。 在这里输入图像描述

在这种情况下,一个div只与纯粹的CSS或DOM的观点相关,而一个部分与语义相关,并且在不久的将来会被search引擎索引。

只是一个观察 – 没有发现任何文件合作

如果某个部分包含另一个部分,则内部部分中的h1标题显示为比外部部分中的h1标题更小的字体。 当使用div而不是section时,内部div h1-header被显示为h1。

 <section> <h1>Level1</h1> some text <section> <h1>Level2</h1> some more text </section> </section> 

– Level2 – 标题以比Level1 – 标题更小的字体显示。

当使用CSS来为h1头部着色时,内部h1也被着色(performance为正常的h1)。 在Firefox 18,IE 10和Chrome 28中也是如此。

section标签为html提供了更多的语义语法。 div是一个部分的通用标签。 当您使用部分标记适当的内容时,它也可以用于search引擎优化。 部分标签也使得htmlparsing变得容易。 欲了解更多信息,请参阅。 http://blog.whatwg.org/is-not-just-a-semantic

我们都知道和喜欢的通用stream量容器。 这是一个没有额外语义含义的块级元素(W3C:Markup,WhatWG)

<section> – 通用文档或应用程序部分。 通常有一个标题(标题),也许还有一个页脚。 这是相关内容的一大块,比如长文章的小节,页面的主要部分(例如主页上的新闻部分),或者web应用程序的标签界面中的页面。 (W3C:Markup,WhatWG)

我的build议:div:使用较低版本(我认为4.01还是)html元素(很多devise师处理过)。 部分:最近提交(html5)html元素。

在HTML5标准中, <section>元素被定义为一个相关元素块。

<div>元素被定义为一个子元素块。

注意不要过度使用section标签来replacediv元素。 标签应该在正文的上下文中定义一个重要的区域。 在语义上,HTML5鼓励我们定义我们的文档如下:

 <html> <head></head> <body> <header></header> <section> <h1></h1> <div> <span></span> </div> <div></div> </section> <footer></footer> </body> </html> 

<section></section>

HTML <section>元素表示文档的通用部分,即内容的主题分组,通常带有标题。 每个<section>应该被标识,通常包含一个标题( <h1><h6>元素)作为<section>元素的子元素。 详情请点击链接。

参考文献


<div></div>

HTML <div>元素(或HTML Document Division Element)是stream内容的通用容器,它本质上不代表任何东西。 它可以用于对样式进行分组(使用类或id属性),或者因为它们共享属性值(如lang)。 只有在没有其他语义元素(如<article><nav> )适用时才应使用它。

参考文献: – http://www.w3schools.com/tags/tag_div.asphttps://developer.mozilla.org/en/docs/Web/HTML/Element/div


以下是一些有关它们之间差异的链接:

<section>标签定义文档中的各个部分,如章节,页眉,页脚或文档的其他部分。

然而:

<div>标记在HTML文档中定义一个分区或一个分区。

<div>标记用于将块元素分组以使用CSS进行格式化。

在html5语义上已经添加了如ex:和div已被删除。

它相同,但在HTML5中,您使用部分更明确。 避免div阅读mdn html5元素