: 行内容器标签

最后更新：2026-09-12

<span>行内容器标签

<span> 元素是通用的行内容器，没有语义含义。它常用于对文本的一部分应用样式（如给某几个字着色）或作为 JavaScript 操作的目标，且不会导致换行。

📝 语法

<span>行内内容</span>

▶ 示例

编辑下方代码，在 playground 中查看实时效果：

🌐 浏览器支持

浏览器	Chrome	Edge	Firefox	Safari	Opera
<span>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

❓ 常见问题

Q 和

有什么区别？

A<div> 是块级元素（占满整行宽度，另起一行），而 <span> 是内联元素（仅占用所需宽度，与文本同行）。

Q 可以包含块级元素吗？

A不可以，<span> 是内联元素，按规范不能包含 <div>、<p> 或标题等块级元素。如需块级内容，请使用 <div> 或语义化容器。

Q什么时候应该用 而不是 或 ？

A<em> 用于强调（有语义，影响屏幕阅读器），<strong> 用于强重要性，<span> 仅在需要无语义的通用内联 CSS 钩子时使用。

🏷️ 相关标签

<div> <p> <strong> <em> <mark>

💡 相关案例

<span> — elements 教程

📚 相关教程

HTML Text Formatting HTML Elements HTML Layout

HTML 元素教程

了解行内元素与块级元素的区别。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。

关于我们