简而言之，这是糟糕的 Web 开发和用户体验:
但是通过使用 CSS3 断字 (code & demo) 解决它会导致“尴尬的空白”情况和奇怪的截断——这是两者的一个例子:
也许这没什么大不了的，还有 UX perspective of it is here ，但让我们看看 one of the solutions 的语义:
第一个问题:是否使用<wbr>语义HTML？ (它至少会优雅地降级吗？)
在任何一种情况下，一般意义上的非语义似乎都是为良好的用户体验功能付出的小代价。
然而，第二个问题是关于大局的:
使用 <wbr> 拆分电子邮件地址时，是否有任何 schema.org(微数据/RFDa)后果需要考虑？ 它在那里仍然有效吗？
最佳答案
wbr 元素是 defined in the HTML5 spec 。所以用起来没问题。如果使用正确(= 根据规范中的定义)，您也可以将其称为“语义使用”。
我认为与 micordata/RDFa 结合不会有任何问题。通常，您无论如何都会在属性中提供 URL，当然不能包含 wbr 元素: <a href="mailto:[email protected]">foo<wbr>@example<wbr>.com</a> 。
对于元素内容，我猜(虽然没有检查)微数据/RDFa 解析器应该使用没有标记的文本内容。了解什么是标记，什么是文本，否则例如FOAF 名称将是 <abbr>Dr.</abbr> Foo 而不是 Dr. Foo 。
所以你可以打赌微数据/RDFa解析器知道HTML ;)，因此使用它的元素应该不是问题。
关于semantic-web - <wbr> 元素是语义 HTML 吗？在微数据环境中呢？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14284715/