Z
ZHANK
文本与排版

文本格式化

b/strong 加粗、i/em 斜体、small/mark/del/ins/sub/sup 语义标签

文本格式化

HTML 提供多种标签来标记文本的语义——不只是改变外观,还告诉搜索引擎和屏幕阅读器这段文字的重要性。

学完本章你将: 掌握加粗/斜体、语义标签、上下标、删除插入。


加粗与强调

html
<b>粗体文字(仅视觉效果)</b>
<strong>重要文字(语义强调 + SEO)</strong>

<i>斜体文字(仅视觉效果)</i>
<em>强调文字(语义强调 + 读屏器重读)</em>

💡 优先使用 <strong><em> ——它们带有语义。


其他格式化标签

html
<small>小号文字</small>
<mark>高亮文字</mark>
<del>删除文字</del>
<ins>插入文字</ins>

H<sub>2</sub>O   <!-- 下标 -->
x<sup>2</sup>    <!-- 上标,如 x² -->

综合示例

html
<p>
  原价:<del>¥99</del> 
  现价:<strong>¥49</strong> 
  <mark>限时优惠!</mark>
</p>

<p>
  爱因斯坦的质能方程:E=mc<sup>2</sup>
</p>