semantic-web - <wbr> 元素是语义 HTML 吗？在微数据环境中呢？

Question

简而言之，这是糟糕的 Web 开发和用户体验:



但是通过使用 CSS3 断字来解决它(code & demo)可能导致“尴尬的空白”情况和奇怪的截断——这是两者的一个例子:



也许这没什么大不了的，还有UX perspective of it is here ，但让我们看看 one of the solutions 的语义:

You could ... use the <wbr> element to indicate an optional word break opportunity. This will tell the browser to insert a line break as necessary to flow onto a new line inside the container.

第一个问题:正在使用<wbr>语义HTML？ (它至少会优雅地降级吗？)

在这两种情况下，一般意义上的非语义似乎是为良好的 UX 功能付出的小代价。

然而，第二个问题是关于大局的:

有没有schema.org (微数据/RFDa)使用时要考虑的后果 <wbr>拆分电子邮件地址？ 它在那里仍然有效吗？

Answer 1

wbr元素是 defined in the HTML5 spec .所以用起来没问题。如果使用正确(= 根据规范中的定义)，您也可以将其称为“语义使用”。

我认为与微数据/RDFa 结合不会有任何问题。通常，您无论如何都会在属性中提供 URL，该属性不能包含 wbr当然元素:<a href="mailto:foo@example.com">foo<wbr>@example<wbr>.com</a> .

对于元素内容，我猜(虽然没有检查)微数据/RDFa 解析器应该使用没有标记的文本内容。了解什么是标记，什么是文本，否则例如FOAF 名称将是 <abbr>Dr.</abbr> Foo而不是 Dr. Foo .

所以你可以打赌微数据/RDFa解析器知道HTML ;)，因此使用它的元素应该不是问题。