【问题标题】:Are <section>, <div>, and <span> all basically the same thing? [duplicate]<section>、<div> 和 <span> 基本上都是一样的吗? [复制]
【发布时间】:2016-10-28 07:41:00
【问题描述】:

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

【问题讨论】:

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

标签: html


【解决方案1】:

&lt;section&gt; (HTML 5)&lt;div&gt; (一直存在),除了 SEO / 语义差异之外,非常相似 -- 但 &lt;span&gt;完全不同。

作为内联元素,&lt;span&gt; 有几个其他两个没有的限制,其中几个是:

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

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

那么 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?

【讨论】:

    猜你喜欢
    • 2011-02-27
    • 2017-12-20
    • 2013-04-26
    • 1970-01-01
    • 2014-06-08
    • 2014-11-12
    • 2011-04-11
    • 2012-06-07
    • 2017-09-12
    相关资源
    最近更新 更多