html - 的反向使用什么元素

Question

如果我希望在文本中而不是在 <abbr> 的工具提示中显示完整含义，是否有一个 HTML 元素可以用来表示“这就是首字母缩略词的含义”？元素。

比如我想写下“CSS”的定义，我把

<dt>CSS</dt>
<dd>Short for <mark>Cascading Style Sheets</mark>. This is the name of
    the language that stylesheets are written in.</dd>

我现在滥用的地方可以使用什么元素mark ？

PS 你可能会考虑回答完全不使用任何标记，但我想让名字以斜体字突出，所以我确实需要一些东西!

Answer 1

不幸的是，HTML 没有专门的元素来表示缩写的扩展形式。

这个例子来自the HTML5 spec on abbr看起来非常接近您的用例，除了缩写出现在段落的扩展之后，而不是出现在包含缩写的 dt 之后的 dd 元素中。该示例演示了使用 dfn 元素来标记扩展:

<p>The <dfn id=whatwg>Web Hypertext Application Technology
Working Group</dfn> (<abbr
title="Web Hypertext Application Technology Working Group">WHATWG</abbr>)
is a loose unofficial collaboration of Web browser manufacturers and
interested parties who wish to develop new technologies designed to
allow authors to write and deploy Applications over the World Wide
Web.</p>

基于description of dfn ，上面写着(强调我的):

The dfn element represents the defining instance of a term. The paragraph, description list group, or section that is the nearest ancestor of the dfn element must also contain the definition(s) for the term given by the dfn element.

您应该能够类似地标记您的内容:

<dt><abbr title="Cascading Style Sheets">CSS</abbr></dt>
<dd>Short for <dfn>Cascading Style Sheets</dfn>. This is the name of
    the language that stylesheets are written in.</dd>

但是，我不确定 dfn 出现在 dd 中而不是其关联的 dt 中是否合适，即使在相同的 dl。如果这让您感到困扰，无需求助于 span 的下一个最接近的替代方案是 i :

<dt><abbr title="Cascading Style Sheets">CSS</abbr></dt>
<dd>Short for <i>Cascading Style Sheets</i>. This is the name of
    the language that stylesheets are written in.</dd>

(我可能会将 dfn 添加为 dt 的子项和 abbr 的父项)