/ / HTMLにスペースを入れる方法

スペースの置き方html

あなたがhtmlファイルを開発しているならブラウザーがスペースを無視したときに、おそらくこの機能に気づいたでしょう。ソースコードには無制限にそれらを含めることができますが、結果として表示されるのは1つだけです。ほとんどの場合、このような制限は情報の出力にプラスの影響を与えるだけです。確かに、誤って複数のスペースを入れることもあり、その結果、ドキュメントが乱れることがわかります。そして、制限の助けを借りて、単語間の距離は常に固定されます。ただし、場合によってはダブルまたはトリプルのスペースを作成する必要があります。htmlを使用すると、単語の間に無制限のスペースを作成できます。このニーズは、この記事で説明するいくつかの方法で満たすことができます。

HTMLのスペース

最初の方法

長くする必要がある場合特定の単語間の距離、特別なhtmlスペースコードを使用できます。 「&nbsp」というエントリを追加するだけで十分です。これにより、文字間の距離が広がります。このようなコードは通常のスペースとして使用できますが、ブラウザで情報を表示するときに常に考慮されるという唯一の例外があります。この特別なhtmlスペースは、赤い線をエミュレートしたり、特定のテキストを強調したりするために使用されることがあります。コード自体について少し説明する価値があります。最初の文字はアンパサンド文字です。特別なコードの動作を示します。 HTMLには、効果の異なる他の多くの組み合わせがあります。たとえば、「&gt」と「&gl」は、文字「<」と「>」を置き換えます。タグの開始と終了を示しているため、これらを使用する必要があります。この場合、「nbsp」は「ノンブレークスペース」コマンドの省略形を意味し、「ノンブレークスペース」を意味します。このコマンドには数値があります。

HTMLスペース
完全に効果を繰り返すamena "&#160"そのようなギャップ。単語の間に「&nbsp」というコードがある場合、それらは常に同じ行にあることに注意してください。画面の境界を超えると、ブラウザにスクロールバーが表示されます。 &nbspコードは、通常のスペースの完全なエミュレーションです。

第二の方法

2番目の方法は、大規模に使用されます目標。 HTMLのスペースは、<pre>タグを使用して使用できます。追加の書式設定なしでテキストを表示できます。このタグに情報が配置されている場合は、ページのhtmlコードのように、元の形式で表示されます。これには、スペースだけでなく改行も含まれます。ただし、&nbspコードと同様に、自然な翻訳がない場合、<pre>タグで囲まれたテキストは1行に表示されます。もう1つ注意点があります。 <pre>の開始タグと終了タグの間には、特定のフォントが使用されます。

HTMLスペースコード
.

第三の方法

このメソッドはnewとは呼ばれません。単に後者の代わりを提供します。カスケードスタイルシートを使用すると、<pre>タグと同じ効果を得ることができます。ただし、フォントは変更されません。値が「pre」のルール「white-space」は、前述のタグを使用してhtmlの空白を完全にエミュレートします。このコマンドは、テキストの任意の領域に適用できます。

結論

上記の方法はあなたが提供するのに役立ちます繰り返されるスペース。したがって、HTMLを使用すると、非常に柔軟に自分の裁量でページをカスタマイズできます。ただし、練習でわかるように、複数のスペースを使用する必要はほとんどありません。