html - 我应该使用什么标签属性来表示某些文本的不同含义

Question

我想给我的文本取不同的名字，比如“wizerunek firmy”(它是波兰语的企业标识)，我想对该文本进行英文翻译(出于 SEO 的原因)。我应该使用什么标签和属性来获得良好的语义 html？ alt 属性是不错的选择，但是什么标签呢？或者也许在 html5 中有专门针对这种事情的特殊标签。

Answer 1

在大多数情况下，合适的元素是 span(即，没有专门用于提供翻译的元素)。对于 span，您只能使用 global attributes .

在这些全局属性中，只有 title attribute可以向用户显示内容。段落“可能是文本的脚注或评论”可能适用于您的情况(尽管不是 100% 匹配)。但如果翻译很重要或与内容相关，请不要使用它!

如果您想提供翻译，您应该使用 lang attribute .因为该属性同时适用于元素内容和属性值，所以您需要添加两个 span 元素:

<span title="corporate identity" lang="en"><span lang="pl">wizerunek firmy</span></span>

(根据上下文，可能有更合适的元素( abbr 、 b 、 dfn 、 i 等)，但一般情况下不要使用这些元素，只有当它们的定义适用时到您的特定用途。)

如果翻译是相关/重要的，不要将其隐藏在 title 属性中(许多用户/消费者不会注意到或无法访问它):

wizerunek firmy (angielski: <span lang="en">corporate identity</span>)