html - HTML の空白をどのように処理しますか

Question

HTML に関する私の最大の誤字脱字の 1 つは、結合された空白を台無しにする方法です。たとえば、私が持っている場合：

<span>Following punctuation rules.  With two spaces after the period.  </span>

ピリオドに続く 2 つのスペースのうちの 1 つが意味のない空白と見なされ、削除されます。もちろん、次のようにして、空白を強制的に意味のあるものにすることができます。

<span>Following punctuation rules.&nbsp; With two spaces after the period.  </span>

しかし、それをしなければならないのはイライラするだけで、通常は気にしません。Web ページを対象とした外部コンテンツの送信に、重要な空白を自動的に挿入する人はいますか?

score 7 · Accepted Answer

どうしても空白を保持したい場合は、css プロパティを試してください: white-space: pre;

または、マークアップで <pre> タグを使用することもできます。

ところで、HTML ブラウザーが一般的に空白を無視するのは良いことです。これにより、出力に影響を与えることなく、ソースコードを明確にフォーマットすることができます。

score 6 · Accepted Answer

特定の例については、心配する必要はありません。Web ブラウザはタイポグラフィのレンダリングを実行し、ピリオドとそれに続く文字の間に正しい量のスペースを配置します (カーニング規則に従って、次の文字によって異なります)。

改行が必要な場合、<br/> は大したことではありませんね。

ここでダウンモッドに値するものがわからない...等幅フォントを使用していない限り、ピリオドの後に 2 つのスペースを強制するべきではありません。プロポーショナルフォントの場合、リデラーはピリオドの後に適切な量のスペースをカーニングします。詳細な議論については、こことここを参照してください。

score 2 · Accepted Answer

あまりエレガントではないかもしれませんが、CSS を <pre> タグに適用します。

「空白」CSS 属性は常にありますが、多少の当たり外れがある場合があります。

score 1 · Accepted Answer

スタイル付きの pre ブロックを使用して、空白を保持できます。ほとんどの WYSIWYG エディタはも挿入します。あなたのために...

全体として、ブラウザーが空白を無視するのは良いことです。この Web サイトのソースを自分の目で見て、すべてのスペースが表示された場合にサイトがどれほどクレイジーになるか想像してみてください。

score 1 · Accepted Answer

1

pre タグを見てください。それはあなたが望むことをするかもしれません。

于 2008-08-19T15:39:58.807 に答える

score 0 · Accepted Answer

white-space: pre またはよりも white-space: pre-wrap を使用することをお勧めします。あなたの例では、後者のソリューションは「rules. 」で新しい行を開始できます。あなたのn on - breakableスペースが行末に達したからです。

score 0 · Accepted Answer

webtypography.netにこのトピックに関するページがあります。このサイトには、タイポグラフィーの観点から Web 用のテキストを作成することについて、他にも多くの興味深いことが書かれています。Web ページのデザイナーが考えもしないことがよくあることです。読む価値があります。

score 0 · Accepted Answer

ニーズによっては、PRE タグが有効なソリューションになる場合があります。ただし、サイト全体の文で 2 スペースルールを使用しようとしている場合、PRE タグが保持する他の文字がラインフィード/キャリッジリターン (または不足) であることがすぐにわかります。する。

一般的に、私は「文の後に 2 つのスペース」というルールを無視する傾向があります。または、それに固執する場合はを使用しますが、Nicolas が述べた問題に遭遇することもあります。

8 に答える 8