<section>、<div> 和 <span> 基本上都是一样的吗？ [复制]

Posted 2023-03-03

【中文标题】<section>、<div> 和 <span> 基本上都是一样的吗？ [复制]

【英文标题】：Are <section>, <div>, and <span> all basically the same thing? [duplicate]

【发布时间】：2016-10-28 07:41:00

【问题描述】：

我听说它们基本上都是将元素分组，那么所有这些元素可以以相同的方式使用吗？

【问题讨论】：

在 html 级别上，是的，它们都做同样的事情。但在 CSS 或务实的层面上，它们做不同的事情。这完全取决于您将特定元素组合在一起的原因。

【参考方案1】：

<section> (HTML 5) 和 <div> （一直存在），除了 SEO / 语义差异之外，非常相似 -- 但 <span>完全不同。

作为内联元素，<span> 有几个其他两个没有的限制，其中几个是：

无法设置样式/更改高度或宽度

不能使用边距将其提高/降低到基线以上

那么 span 是干什么用的？通常用于包围一串文本，用于以下任何目的：

为一段文本分配一个 ID 或类以设置其样式

将 ID 或类分配给一段文本，以便将其作为 javascript 操作的目标

使用 ID 或类，javascript 可以注入或删除文本

参考文献（供进一步阅读）：

What is the difference between <section> and <div>?

https://www.smashingmagazine.com/2013/01/the-importance-of-sections/

CSS width of a <span> tag

Does height and width not apply to span?