Ottox Asked: 2020-06-24 03:41:19 +0800 CST 2020-06-24 03:41:19 +0800 CST 2020-06-24 03:41:19 +0800 CST <div> 和 <section> 有什么区别? 772 <div>a和 a 有什么区别<section>? 它们各自的用途是什么? html 3 Answers Voted Best Answer Franklins 2020-06-24T05:20:58+08:002020-06-24T05:20:58+08:00 怎么样了? 我告诉你主要区别,如果基于它的语义,它有助于 SEO(搜索引擎定位)。 至于属性,它们的工作方式几乎 100% 相同,它们都是块元素,它们没有任何区别。但它有助于使您网站内的部分的差异化更加优化。 过去,文章部分的编码如下: <div class="productos"> <div class="producto"> <!-- Aqui iria el codigo de cada uno de tus productos --> </div> </div> 如您所见,所有内容都由 div 分隔。如果我们将它们更改为 HTML5 提供给我们的新语义标签,它看起来像这样: <section class="productos"> <article class="producto"> <!-- Aqui el codigo de tu producto --> </article> </section> 它实际上具有更多的语义意义,并且具有与旧的完全相同的属性<div>。 还有其他语义标签,例如<aside>, <em>, <strong>,<main>等... 我希望我有所帮助。 BetaM 2020-06-24T10:56:31+08:002020-06-24T10:56:31+08:00 我将对此进行补充: 部分 根据规范,一个元素section旨在: section 元素表示文档或应用程序的通用部分。在这种情况下,部分是内容的主题分组,通常带有标题。 我们可以翻译为: 该元素section表示文档或应用程序的通用部分。在这种情况下, Asection是内容的主题分组,通常带有标题。 它向您展示了示例: 章节 论文的编号部分 一个网页可以将其内容分为几个部分。 分区 而如果来自同一资源,我们会看到div: div 元素根本没有特殊含义。它代表它的孩子。它可以与 class、lang 和 title 属性一起使用,以标记一组连续元素共有的语义。它也可以用于 dl 元素,包装 dt 和 dd 元素组。 可以翻译为: 一个元素div根本没有特殊意义,你可以应用诸如:类、语言和标题之类的属性来赋予分组在其中的元素一个语义含义。 如您所见: 两者都用于按语义对内容进行分组 一个有特定用途 正如他们已经告诉你的,两者都是块元素。 是divs通用容器 我建议您阅读此资源以补充使用语义标签的方面(不仅仅是那里的答案,其中存在的链接要加深) 最后,您应该section根据他们对存在的定义使用divs。 Srsole 2020-06-24T03:42:49+08:002020-06-24T03:42:49+08:00 在移动设备上使用它们时,差异是值得赞赏的。 您将看到div它是如何放置在 HTML 中的任何位置的 他section站在两边。
怎么样了?
我告诉你主要区别,如果基于它的语义,它有助于 SEO(搜索引擎定位)。
至于属性,它们的工作方式几乎 100% 相同,它们都是块元素,它们没有任何区别。但它有助于使您网站内的部分的差异化更加优化。
过去,文章部分的编码如下:
如您所见,所有内容都由 div 分隔。如果我们将它们更改为 HTML5 提供给我们的新语义标签,它看起来像这样:
它实际上具有更多的语义意义,并且具有与旧的完全相同的属性
<div>
。还有其他语义标签,例如
<aside>
,<em>
,<strong>
,<main>
等...我希望我有所帮助。
我将对此进行补充:
部分
根据规范,一个元素
section
旨在:我们可以翻译为:
它向您展示了示例:
分区
而如果来自同一资源,我们会看到
div
:可以翻译为:
如您所见:
divs
通用容器在移动设备上使用它们时,差异是值得赞赏的。
您将看到
div
它是如何放置在 HTML 中的任何位置的他
section
站在两边。