⬅️ 返回地图
第 7 话

文本格式化:变身魔法

让你的文字不再枯燥,学会七十二变。

1. 基础变身术

有时候,你需要让某些文字显得与众不同。HTML 提供了一套简单的变身咒语。

💪
<b>
我变强壮了!

加粗 (Bold)。就像健身后的效果。

🌪️
<i>
我快被风吹倒了!

斜体 (Italic)。像迈克尔·杰克逊的倾斜舞步。

<del>
原价998

删除线。商家打折时的惯用伎俩。

🖍️
<mark>
重点考试要考

高亮。就像用荧光笔画重点。

2. 上天入地

有时候文字需要飞起来,或者潜下去。比如写化学公式或者数学平方。

H2O (水)     |     X2 (X的平方)
<sub>

Subscript (下标)。潜水模式。

<sup>

Superscript (上标)。飞行模式。

3. 语义化大对决

在 HTML5 中,我们更讲究“语义”。也就是标签不仅要有效果,还得有含义。

<b>

仅仅是视觉上的加粗。

"我看他不爽,给他加粗点。"

VS

<strong>

表示语气强烈、重要

"注意!这里有地雷!"

<i>

仅仅是视觉上的倾斜。

"歪着站比较帅。"

VS

<em>

表示强调 (Emphasis)

"我真的很爱你!"

极客建议:
尽量使用 <strong><em>。盲人阅读器读到这些标签时,会加重语气朗读,而读到 <b> 时可能毫无波澜。做一个有爱心的开发者!❤️