1

<br>見出し（例）内でタグを使用しておりh1、プログレッシブエンハンスメントを備えたレスポンシブデザインの一部として（これは例外ですか？）—狭いビューポートでタグを非表示にします。

当然、CSSルールは次のとおりです。

h1 br {
    display: none;
}

しかし、HTMLでこれにアプローチする正しい方法は何ですか？

このようにすると、brが非表示になっている場合、「heading」と「with」の間にスペースはありません。

1) <h1>Example heading<br>with a break right thurr</h1>

では、次は意味的に正しいのでしょうか？

2) <h1>Example heading <br>with a break right thurr</h1>

またはこれはどうですか？

3) <h1>Example heading<br> with a break right thurr</h1>

非常につまらない、私は知っていますが、私は聞きたいです。

PSこの場合、br「例の見出し」という言葉は「ブレークライトサー」よりも短いため、絶対に使用する必要があります。液体コンテナを使用すると、望ましくない場所でブレークが強制されます。

また、Davidが指摘したように、例2と例3はどちらも機能しますが、意味的には正しいのでしょうか。HTMLタグの周りのスペースはセマンティックであり、無視されますが（これにより、マークアップが読みやすくなります）...しかし、要素タグ内のスペースはどうでしょうか。彼らはそこにいるべきですか？

4

3 に答える 3

7

br要素の使用は正しくないと思います。レイアウト目的ではなく、改行が意味のある場合にのみ使用する必要があります。

br要素は、詩や住所など、実際にコンテンツの一部である改行にのみ使用する必要があります。

span代わりに要素を使用する必要があります。

<h1>Example heading <span>with a break right thurr</span></h1>

それぞれ

<h1><span>Example heading</span> with a break right thurr</h1>

次のような CSS を使用します。

h1 > span {display:block;}

そのため、スペースをどこに置くかという問題もありません。を使用する場合br、意味のある改行 (必ずしも改行ではない) である必要があるため、スペースを使用する場所/使用するかどうかを決定する際に問題はないはずです。文字/グラフィック、話し言葉のポーズなど)

于 2012-11-04T18:15:19.917 に答える
2

私はいつもの後にリターンを置くことを習慣にします<br>

<h1>Example heading<br>
with a break right thurr</h1>

次に、空白があります。

ただし、unorにはポイントがあります。ある状況でそこを壊したくない場合は、<br>セマンティクスが心配な場合は、を入れないでください。

于 2012-11-04T18:42:00.640 に答える
0

私はあなたの論理を理解していますが、見出しを壊すのは少し奇妙に感じます.

特定の幅の個別の列に見出しを配置することを検討しますか?

また、これを小さな画面のデバイスで読んでいる場合は、@media only screenセクションなどでこれを読んでいると思います。

(自己終了タグ)<br>として記述する方が少し良い方法ですが、トランジショナル ドキュメントまたは html5 ドキュメントの場合は機能します。<br /><br>

  1. および 3.; 意味の正しさは実際には関係ありません。セクションのセマンティックな意味は、「これは上部の見出しです」です。そのため、空白や改行の点でさえ、特にそれには入りません。1 つのスペースより大きい空白は無視されます。要素タグ内のスペースは一般的に望ましくありません。パーサーは常に最善を尽くします (IE を除いて、幸いです) が、フェアにタグ内のスペースを取ると、それでも完全に困惑する可能性があります。< p >たとえば、段落タグではなく、左ブラケット、文字 'p' および右ブラケットとして解釈されます。

<wbr>長い単語にはオプションの単語区切りを提供する which の使用も検討してください。

于 2012-11-03T22:54:40.540 に答える