由于HTML5 不支持Microsoft 的<acronym>
标签,我们只需要使用 abbreviation 元素:
<abbr title="Microsoft">MS</abbr>
当谈到大写时,类似的情况很明显:它需要大写。
但是,在其他上下文中单词本身通常不大写的情况呢?
例如:
<p>What is a <abbr title="chief technical officer">CTO</abbr>?</p>
如果要切换标题和实际文本,那似乎很好。
但是当鼠标悬停时,它看起来有点奇怪:
这同样适用于:
<p><abbr title="Chief technical officers">CTOs</abbr> are usually skilled technically.</p>
如果切换缩写和实际文本是有道理的,但悬停也看起来有点“奇怪”:
现在,如果我们将缩写词大写,就好像它们是标题一样呢?
例如:
<p>Wouldn't capitalizing <abbr title="Away From Keyboard">AFK</abbr> look weird?</p>
如果 thetitle
被替换为缩写,它会,但是在鼠标悬停时它看起来“更好”:
但什么是正确的语义?