4

要するに、これは悪いWeb開発とUXです。

ここに画像の説明を入力してください

しかし、CSS3ワードブレイク（コードとデモ）を使用してそれを解決すると、「厄介な空白」の状況と奇妙なカットオフにつながる可能性があります-両方の例を次に示します。

ここに画像の説明を入力してください

多分それはそれほど大したことではなく、それのUXの視点はここにありますが、解決策の1つのセマンティクスを見てみましょう：

<wbr>この要素を使用して、オプションの単語区切りの機会を示すことができます。これにより、コンテナ内の新しい行に流れるように、必要に応じて改行を挿入するようにブラウザに指示されます。

最初の質問：<wbr>セマンティックHTMLを使用していますか？（少なくとも優雅に劣化しますか？）


どちらの場合でも、一般的な意味でセマンティックでないことは、優れたUX機能に支払うための小さな代償であるように思われます。

ただし、2番目の質問は全体像に関するものです。

電子メールアドレスを分割するために使用するときに考慮すべきschema.org（microdata / RFDa）の影響はありますか？それはまだそこで有効ですか？<wbr>

4

1 に答える 1

4

wbr要素はHTML5仕様で定義されています。だからそれを使っても大丈夫です。正しく使用されている場合（=仕様の定義による）、「セマンティック使用」とも呼ばれます。

micordata/RDFaとの組み合わせで問題はないと思います。通常、とにかく属性でURLを指定しますが、wbrもちろん要素を含めることはできません<a href="mailto:foo@example.com">foo<wbr>@example<wbr>.com</a>。

要素のコンテンツについては、microdata / RDFaパーサーはマークアップ応答なしでテキストコンテンツを使用する必要があると思います（ただし、チェックしませんでした）。マークアップとは何か、テキストとは何かを理解してください。そうでない場合、たとえばFOAF名は<abbr>Dr.</abbr> Fooの代わりになりDr. Fooます。

したがって、microdata / RDFaパーサーがHTMLを知っていることは間違いありません;）、したがって、その要素を使用することは問題ではないはずです。

于 2013-01-12T16:17:36.227 に答える