例如,我们知道
alt
具有 <img>
属性。出于可访问性和 SEO 的原因,此属性很有用并推荐。
我们也知道语义 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 产生幻觉:多伦多综合研究所将有毒废物倾倒到环境中的某个地方并创造了突变体。
它还可能帮助那些不熟悉所有当前互联网俚语的读者了解
<span def="I am not a lawyer">IANAL</span>
并不是一款用于探索不可提及的新 Apple 设备。
TL;DR 我只是认为在 HTML 中指定定义的能力会很有用,并且似乎是我们有约定的语义,但在阅读语义 HTML 时我没有看到任何提及这样的约定。
<abbr>
元素,根据 MDN,它“代表缩写词或首字母缩略词”。 title
属性通常用于解释它代表什么。默认情况下(并且按照惯例),在某些浏览器中,它显示为点下划线,有时以小写字母显示。
这里有一些示例,尝试将鼠标悬停在它们上方,看看会发生什么。
<abbr title="In My Humble Opinion">IMHO</abbr><br>
<abbr>IANAL</abbr>
<abbr title="HyperText Markup Language">HTML</abbr>