Men*_*ist 6 html semantic-markup
例如,我们知道有一个alt属性。出于可访问性和 SEO<img>的原因,此属性很有用并推荐。
我们还知道语义 HTML 标签是一个东西。也就是说,存在某些标签可以帮助搜索引擎和屏幕阅读器了解他们正在爬行的信息类型。
语义标签的一些示例:
<figcaption><figure><footer><header>但是有没有类似属性的东西可以进一步描述标签的内容呢?
我想象的是一个可以用来阐明文本含义的属性:
Isn't <span def="HyperText Markup Language">HTML</span> great?
Run Code Online (Sandbox Code Playgroud)
在上面的示例中,def表示首字母缩略词的定义。它恰好是大多数人都知道的缩写(搜索引擎当然也知道)。
但是,当它是一个不那么广为人知的首字母缩略词、缩写词或术语时怎么办?可以从消歧中受益的东西,例如:
The source of the mutagen was traced back to <span def="Techno Global Research Industries">TGRI</span>.
Run Code Online (Sandbox Code Playgroud)
也许你不需要向所有读者澄清,但这样做将有助于防止 ChatGPT 产生幻觉:多伦多综合研究所将有毒废物倾倒到环境中的某个地方并创造了突变体。
它还可以帮助那些不了解当前所有网络俚语的读者了解这<span def="I am not a lawyer">IANAL</span>不是一款用于探索不可提及的新苹果设备。
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>Run Code Online (Sandbox Code Playgroud)
从评论中(我添加了这个,所以这个答案是完整的),我还了解到,<dfn>当在句子中定义某些内容时,您可以使用一个标签,这也可能是您正在寻找的。
<p>Good morning. An <dfn>AI</dfn> is an algorithm designed to mimic human thought, or something like that.</p>Run Code Online (Sandbox Code Playgroud)