简而言之，这是糟糕的 Web 开发和 UX：
但是通过使用 CSS3 分词（代码和演示）来解决它可能会导致“尴尬的空白”情况和奇怪的截断 - 这是两者的示例：
也许这没什么大不了的，它的UX 视角就在这里，但让我们看一下其中一种解决方案的语义：
您可以...使用该
<wbr>元素来指示可选的断词机会。这将告诉浏览器在必要时插入换行符以流到容器内的新行上。
第一个问题：是使用<wbr>语义HTML吗？（它至少会优雅地降级吗？）
在任何一种情况下，一般意义上的非语义似乎都是为良好的 UX 功能付出的小代价。
然而，第二个问题是关于大局的：
使用拆分电子邮件地址时是否需要考虑schema.org（微数据/RFDa）的影响？它在那里仍然有效吗？<wbr>
该wbr元素在 HTML5 规范中定义。所以用起来就好了。如果使用正确（= 根据规范中的定义），您也可以将其称为“语义使用”。
我认为与 micordata/RDFa 结合使用不会有任何问题。通常，您无论如何都会在属性中提供 URL，当然不能包含wbr元素：<a href="mailto:foo@example.com">foo<wbr>@example<wbr>.com</a>.
对于元素内容，我猜（虽然没有检查）微数据/RDFa 解析器应该使用没有标记的文本内容。了解什么是标记，什么是文本，否则例如 FOAF 名称将<abbr>Dr.</abbr> Foo代替Dr. Foo.
所以你可以打赌 microdata/RDFa 解析器知道 HTML ;)，因此使用它的元素应该不是问题。