<section>和<div>有什么区别?
HTML中的<section>
和<div>
什么区别? 我们不是在两种情况下定义部分?
<section>
意味着里面的内容被分组(即涉及单个主题),并且应该作为页面大纲中的条目出现。
另一方面,除了在其class
发现的任何含义外,其他lang
和title
属性都不能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>
元素根本没有特别的意义。 它代表了它的孩子。 它可以与class
,lang
和title
属性一起使用来标记一组连续元素共有的语义。注意:强烈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>
元素的子元素。 详情请点击链接。
参考文献
- http://www.w3schools.com/tags/tag_section.asp
- https://developer.mozilla.org/en/docs/Web/HTML/Element/section
<div></div>
HTML
<div>
元素(或HTML Document Division Element)是stream内容的通用容器,它本质上不代表任何东西。 它可以用于对样式进行分组(使用类或id属性),或者因为它们共享属性值(如lang)。 只有在没有其他语义元素(如<article>
或<nav>
)适用时才应使用它。
参考文献: – http://www.w3schools.com/tags/tag_div.asp – https://developer.mozilla.org/en/docs/Web/HTML/Element/div
以下是一些有关它们之间差异的链接:
<section>
标签定义文档中的各个部分,如章节,页眉,页脚或文档的其他部分。
然而:
<div>
标记在HTML文档中定义一个分区或一个分区。
<div>
标记用于将块元素分组以使用CSS进行格式化。
在html5语义上已经添加了如ex:和div已被删除。
它相同,但在HTML5中,您使用部分更明确。 避免div阅读mdn html5元素