Html 缩略语标签中的大写字母还是小写字母？

由于Microsoft的

标签，我们只能使用缩写元素：

<abbr title="Microsoft">MS</abbr>

MS

说到资本化，这样的情况很明显：它需要资本化

但是，如果其他上下文中单词本身在上下文中通常不大写，该怎么办

例如：

<p>What is a <abbr title="chief technical officer">CTO</abbr>?</p>

<p>Wouldn't capitalizing <abbr title="Away From Keyboard">AFK</abbr> look weird?</p>

什么是CTO

如果你想把标题和实际文本切换一下，这似乎没什么问题

但是当鼠标悬停时，它看起来有点奇怪：

这同样适用于：

<p><abbr title="Chief technical officers">CTOs</abbr> are usually skilled technically.</p>

首席技术官通常技术熟练

如果缩写和实际文本被切换，这是有意义的，但悬停看起来也有点“怪异”：

现在，如果我们将缩写大写，就好像它们是标题一样呢

例如：

<p>What is a <abbr title="chief technical officer">CTO</abbr>?</p>

<p>Wouldn't capitalizing <abbr title="Away From Keyboard">AFK</abbr> look weird?</p>

将AFK资本化不是很奇怪吗

如果用标题代替缩写，可能会更好，但在鼠标上方，它看起来“更好”：

---

但在语义上什么是正确的呢？

替换文本应该反映如果被替换，真实文本会是什么样子。首字母缩略词通常不是由专有名词构成的，因此替换文本应为小写

你从来没有真正输入过“首席技术官”（除非你错误地认为他们是专有名词）。

来自《芝加哥风格手册》

民事、军事、宗教和专业头衔紧跟在个人姓名之前时大写，因此用作姓名的一部分（通常替换头衔持有人的名字）。在正式散文和其他通用文本中（与宣传或仪式上下文或标题相反），标题通常在名称后面或用于代替名称时使用小写

所以很明显，你不应该将CTO资本化（除非你指的是中央条约组织）

我不同意你的担忧——我觉得这些非资本化的版本还不错。如果是工具提示样式的弹出窗口，您可以将所有小写字母指定为房屋样式

离开键盘真的很奇怪

---

（请原谅我的拼写混乱，英国英语引用美国英语…

您需要标记做什么？如果您只是想要（实现糟糕的）“工具提示”行为，那么您也可以使用带有标题的

span

。如果你想要一个奇数点下划线，你可以添加CSS。只是为了屏幕阅读器和它可能具有的小的SEO好处，那么你希望屏幕阅读器或搜索引擎区分大小写吗？不，希望我没有暗示。区分悬停和语义的情况；SEO/SR的真正意义就在这里。我学会了永远不要硬编码任何大写的东西。我使用文本转换：缩写上的大写字母。只要我的两分钱。