HTML 内の空白をどのように処理しますか [終了]

質問

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 ページ向けの外部コンテンツ送信に自動的に大幅な空白を挿入している人はいますか?

解決

具体的な例では、心配する必要はありません。Web ブラウザは活版印刷を実行し、ピリオドとその後に続く文字の間に適切な量のスペースを配置します (カーニングルールに従って、次の文字によって異なります)。

改行したい場合は<br/> あまり大した問題ではありませんね。

ここでダウンモッドに値するものは何なのかわかりません...等幅フォントを使用している場合を除き、ピリオドの後にスペースを 2 つ強制的に挿入しないでください。プロポーショナルフォントの場合、リダラーはピリオドの後に適切な量のスペースをカーニングします。見るここそしてここ詳細な議論のために。

他のヒント

本当に空白を保持したい場合は、css プロパティを試してください。空白:前;

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

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

あまり洗練されていないかもしれませんが、<pre>タグにCSSを適用します。

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

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

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

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

空白を使用したほうがよいでしょう:空白よりも前にラップする:事前またはあなたの例では、後者の解決策は「rules. 」で新しい行を始めることができます。 nの上-bリーク可能 spエースが打線の最後尾を打った。

PRE タグは、ニーズに応じて有効なソリューションとなる可能性があります。ただし、サイト全体の文章で 2 スペースルールを使用しようとすると、PRE タグで保持される他の文字が改行/復帰 (または欠落) であることがすぐにわかり、試したスタイルが台無しになります。すること。

一般に、私は「文の後にスペースを 2 つ」というルールを無視する傾向がありますが、これにこだわる人はに固執することになりますが、ニコラスが述べた問題に遭遇することがあります。

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

ライセンス： CC-BY-SA と帰属

所属していません StackOverflow