在HTML中<section>和<div>之间有什么区别?我们不是在这两种情况下都定义了节吗?
当前回答
<section>标记一个section, <div>标记一个没有关联语义的泛型块。
其他回答
<section>标记一个section, <div>标记一个没有关联语义的泛型块。
<section>标记定义文档中的节,例如章节、页眉、页脚或文档的任何其他节。
而:
<div>标记在HTML文档中定义了一个分区或节。
<div>标记用于将块元素分组以使用CSS格式化它们。
<节> < / >节
元素的泛型部分 文档,即内容的主题分组,通常带有 标题。每个<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文档分区元素)是 流内容的通用容器,它本身不是 代表任何东西。它可用于对元素进行样式化分组 目的(使用class或id属性),或者因为它们共享 属性值,例如lang。只有在没有其他方法的情况下才可以使用 语义元素(如<article>或<nav>)是合适的。
引用: ——http://www.w3schools.com/tags/tag_div.asp ——https://developer.mozilla.org/en/docs/Web/HTML/Element/div
这里有一些链接,更多地讨论了它们之间的区别:
http://html5doctor.com/avoiding-common-html5-mistakes/ https://teamtreehouse.com/community/use-div-or-section-element http://webdesign.about.com/od/html5tags/fl/div-vs-section.htm
这只是一个观察,还没有发现任何文件可以证实这一点
如果一个section包含另一个section,内部section的h1-header将以比外部section的h1-header更小的字体显示。 当使用div而不是section内部div h1-header显示为h1。
<section>
<h1>Level1</h1>
some text
<section>
<h1>Level2</h1>
some more text
</section>
</section>
二级标题显示的字体比一级标题小。
当使用css为h1标题上色时,内部h1也被上色(行为与常规h1相同)。 在火狐18、IE 10和Chrome 28中也是如此。
<div> Vs <Section>
第一轮
<div>: HTML元素(或HTML文档划分元素)是流内容的通用容器,它本身并不代表任何东西。它可以用于对元素进行分组,以实现样式化(使用class或id属性),或者因为它们共享属性值,比如lang。只有当没有其他语义元素(如<article>或<nav>)是合适的时,才应该使用它。
<section>: HTML section元素(<section>)表示文档的通用部分,即内容的主题分组,通常带有标题。
第二轮
>:浏览器支持
<section>:浏览器支持
表中的数字指定完全支持该元素的第一个浏览器版本。
因此,div只从纯CSS或DOM的角度来看是相关的,而section也与语义相关,在不久的将来,还与搜索引擎的索引相关。
推荐文章
- 如何设置身体高度溢出滚动
- 在输入type="number"时禁用webkit的旋转按钮?
- 如何在另一个元素之后添加一个元素?
- 我如何有效地解析HTML与Java?
- “ ”和“”有什么区别?
- 如何使用JavaScript代码获得浏览器宽度?
- 防止滚动条增加到Chrome页面的宽度
- 使用图像而不是单选按钮
- 我可以嵌套一个<按钮>元素内< >使用HTML5?
- 设置TextView文本从html格式的字符串资源在XML
- 为什么我的球(物体)没有缩小/消失?
- Twitter Bootstrap 3 Sticky Footer
- CSS在特定的“内联块”项之前/之后换行
- 很好的初学者教程socket.io?
- 点击下载Href图片链接