semantic-markup - 是否存在语义差异 <span >'s and <div>' s?

标签 semantic-markup html

<分区>

Possible Duplicate:
What is the difference between HTML tags DIV and SPAN?

我知道在编写 HTML 代码时,我应该牢记语义,例如,h1 需要是主标题,h2 需要是子标题,表格需要是表格,使用 <em>强调而不是<i>等。除了一个是 block 而另一个是内联之外,div 和 span 之间是否有适当的区别?

当我学习时,我被告知 <span>用于样式化文本中线。如果我需要在网页的某个位置放置一小段文字,则不需要 <p>。标签,如果我坚持使用 div,我会使用 span 吗?如果该文本需要覆盖两行(即,它需要一个宽度),如果它只包含文本,我应该使用什么?

最佳答案

在语义上,<div> 都不是也不<span>有任何内在的意义。它们是“包罗万象”的标签,意在与现有标签不适合的东西一起使用。如果您关心语义,请将 div 和 span 作为最后的手段。

它们之间的唯一区别是 div 是 block 级元素,而 span 是内联的。这意味着默认情况下,一个 div 将开始一个全新的 block ,并且从技术上讲,在一个 span 中只允许内联元素和某些 CSS。大多数浏览器似乎都在处理标签而不考虑规则(假设是“标签汤”),实际上您可以使用 CSS 使其中一个表现得像另一个一样,但是如果您关心验证或跨浏览器兼容性,则不要这样做(你确实关心,对吧?)。

关于semantic-markup - 是否存在语义差异 <span >'s and <div>' s?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2961889/

相关文章:

html - <section> 中的多个 <article> 元素是否应该放在 <ul> 标签中?

html5-video - VIDEO 标签内的 IMG 标签

html - 语义 HTML : Should I use the <nav> tag for a tag cloud?

javascript - 通过 onclick 禁用 anchor

html - 我应该为图标使用 <i> 标签而不是 <span> 吗?

html - 搜索按钮未与搜索字段对齐

html - css 堆叠顺序,z-index

javascript - 登录后点击喜欢不喜欢按钮

html - 为什么行高属性不适用于超链接?

html - 使用 HTML5 和微数据标记博客文章的 "keywords"的正确方法?