<section>和<div>有什么区别?
HTML中的<section>
和<div>
什么区别? 我们是不是在两种情况下定义部分?
<section>
意味着内部的内容被分组(即涉及单个主题),并且应该作为页面大纲中的条目出现。
<div>
在另一方面,不从任何在其发现传达任何意义,除了class
, lang
和title
属性。
所以不行:使用<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
属性一起使用来标记一组连续元素的通用语义。
注意:强烈建议作者将<div>
元素作为最后手段的元素来查看,因为当没有其他元素适合时。 使用更合适的元素而不是<div>
元素可以为读者提供更好的可访问性,并使作者更易于维护。
(https://www.w3.org/TR/html/grouping-content.html#the-div-element)
<section>
标记一段, <div>
标记没有关联语义的通用块。
<div> Vs <Section>
第1轮
<div>:
HTML元素(或HTML Document Division Element)是流内容的通用容器,它并不固有地表示任何内容。 它可以用于对样式进行分组(使用类或id属性),或者因为它们共享属性值(例如lang)。 只有在没有其他语义元素(如<article>
或<nav>
)适用时才应使用它。
<section>:
HTML Section元素( <section>
)表示文档的通用部分,即内容的主题分组,通常带有标题。
第2轮
<div>:
浏览器支持
<section>:
浏览器支持
表中的数字指定完全支持该元素的第一个浏览器版本。
在这种情况下,div只与纯粹的CSS或DOM视角有关,而一个部分也与语义有关,并且在不久的将来也会被搜索引擎索引。
链接地址: http://www.djcxy.com/p/70209.html