首页 > 解决方案 > 如何在 HTML5 中标记解释性文本?

问题描述

我有一些完全用非英语(土耳其语)语言编写的内容。(所以,我<html lang="tr">在顶部。)在文本中,我使用了该语言的一些术语。我想为这样一个术语添加一些“半视觉”内容,以提供其英语等效项(title可能使用属性),以防读者想知道该术语的确切英语等效(可能通过将鼠标指针移到术语)。

<dfn>标签不适用于此目的,因为大多数时候我不会在其祖先元素中定义该术语;我只会使用它。一个简单的替代方法是将术语包含在一个<span>元素中,该元素具有包含该术语title的英文等效项的属性。例如,

bla bla bla <span title="format">biçim</span> bla bla bla...

这里“ format”是非英语术语“ biçim”的英语等价物。

请注意,在大多数情况下,我不希望该术语的呈现方式与其周围的文本不同。

实现这种语义需求的最佳 HTML5 标记是什么?

标签: htmlsemantic-markup

解决方案


提供一个单独的字典(可能在正文之后)作为DL//列表,并从正文中引用相应的DT/对。如果需要弹出窗口,它们可以在相同的静态语义标记之上实现。是 100% 无语义的通用元素,我不会在这种情况下使用它。DDDTDDSPAN


推荐阅读