是否有语义 HTML 来澄清首字母缩略词的含义?[复制]

Is there semantic HTML for clarifying meaning of acronyms? [duplicate]

提问人:Mentalist 提问时间:8/25/2023 最后编辑:TylerHMentalist 更新时间:8/31/2023 访问量:126

问:

例如,我们知道有属性。出于可访问性和 SEO 的原因,此属性很有用,建议使用。alt<img>

我们也知道语义 HTML 标签是一回事。也就是说,存在某些标签,可以帮助搜索引擎和屏幕阅读器了解他们正在抓取什么样的信息。

语义标签的一些示例:

  • <figcaption>
  • <figure>
  • <footer>
  • <header>

但是,是否有类似属性的东西来进一步描述标签的内容?

我想象的是一个可以用来澄清文本含义的属性:

Isn't <span def="HyperText Markup Language">HTML</span> great?

在上面的示例中,表示首字母缩略词的定义。它恰好是大多数人都知道的首字母缩略词(搜索引擎当然知道)。def

但是,当它是一个不那么广为人知的首字母缩略词、缩写或术语时呢?可以从消除歧义中受益的东西,例如:

The source of the mutagen was traced back to <span def="Techno Global Research Industries">TGRI</span>.

也许你不需要为所有读者澄清,但这样做将有助于防止 ChatGPT 产生幻觉,即多伦多综合研究所将有毒废物倾倒到某个地方的环境中并创造了突变体。

它还可能有助于那些不了解当前所有互联网俚语的读者了解这不是用于探索不可提及的新 Apple 设备。<span def="I am not a lawyer">IANAL</span>

TL;DR 我只是认为在 HTML 中指定定义的能力会很有用,而且似乎是我们有约定的那种语义,但是在阅读语义 HTML 时,我没有看到任何提及这样的约定。

HTML 语义标记

评论

2赞 Kaiido 8/25/2023
你所有的示例确实都围绕着缩写,但请注意,对于真正的“定义”语义,你会使用 <dfn>
0赞 Mentalist 8/28/2023
在了解了这些标签后,我立即注意到它们会影响 HTML 内容的外观,并想知道如何设置它们的样式。我猜其他人也会很好奇,所以:默认的虚线下划线 on 可以用 (Source) 删除,默认斜体 on 可以用 .(来源)考虑视觉差异化是否可以使用户受益,或者您的标签是否主要只是为了帮助内容解析算法。<abbr>text-decoration: none;<dfn>font-style: normal;
0赞 Sean 8/31/2023
在问这个问题之前,您是否阅读了当前 HTML 元素的描述?在询问 Stack Overflow 之前,这将是最好的起点。
0赞 TylerH 8/31/2023
请注意,从语义上讲,首次使用首字母缩略词时,在页面或语料库中拼写首字母缩略词几乎是普遍的规则。然后,您可以在它后面加上一个包含首字母缩略词的括号。之后,您只能参考首字母缩略词。任何用于识别首字母缩略词的完整、未缩写值的元数据方法都应仅使用此方法的补充,而不是代替此方法。

答:

6赞 corn on the cob 8/25/2023 #1

最接近的是 <abbr> 元素,根据 MDN 的说法,它“代表缩写或首字母缩略词”。该属性通常用于解释它所代表的含义。默认情况下(按照惯例),在某些浏览器中,它以虚线下划线显示,有时以小写字母显示。title

这里有一些例子,试着把鼠标悬停在它们上面,看看会发生什么。

<abbr title="In My Humble Opinion">IMHO</abbr><br>
<abbr>IANAL</abbr>
<abbr title="HyperText Markup Language">HTML</abbr>

从评论中(我包括这个,所以这个答案是完整的),我还了解到有一个<dfn>标签,当句子中定义某些东西时,你可以使用它,这可能也是你要找的。

<p>Good morning. An <dfn>AI</dfn> is an algorithm designed to mimic human thought, or something like that.</p>

评论

1赞 Mentalist 8/25/2023
谢谢!我看到还有一个 <dfn> 标签可以与标签结合使用。这将被证明是有用的!(不知道为什么它目前没有与其他语义标签一起列出)当我有能力时,我会接受你的回答......在2分钟内哈哈<abbr>
7赞 DBS 8/25/2023
@Mentalist 只是一个指针,但 MDN 的文档通常在各个方面都比 w3schools 好,这是他们的元素参考列表
-3赞 a0m0rajab 8/25/2023 #2

我认为细节摘要也可以帮助你,这里有一个例子:

<details>
  <summary>Details</summary>
  Something small enough to escape casual notice.
</details>

您可以在以下网站上找到有关它的详细信息: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

顺便说一句,对于其他语义 HTML,你可以依赖 MDN 文档。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element

评论

2赞 tacoshy 8/25/2023
这绝对不是OP想要的。这更像是手风琴的用途。将其用作内联文本是没有用的,因为内联文本应该为屏幕阅读器或其他辅助技术提供额外的信息
0赞 a0m0rajab 8/25/2023
感谢您让我知道,我只是想将其添加为一个额外的用例,并指出 MDN 以获取更多详细信息,因为他们有更好的信息。