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

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


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

<div>在另一方面,不从任何在其发现传达任何意义,除了classlangtitle属性。

所以不行:使用<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属性一起使用来标记一组连续元素的通用语义。

注意:强烈建议作者将<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

上一篇: What is the difference between <section> and <div>?

下一篇: Difference between val() and text()