HTMLでのスペースの使い方をいろいろまとめました。

伊谢尔伦
リリース: 2017-06-01 16:29:32
オリジナル
5959 人が閲覧しました

htmlの基本コードを学ぶ過程で、htmlのスペースコードの書き方も入ってくると思います。私たちは通常、プログラムを編集するときにスペースを使用します。HTML スペース コード文字エンティティは非改行スペース   です。もちろん、スペース記号、スペース文字、空白行なども含まれます。以下の記事では、これらの空間に関する内容を一つ一つ解説していきます。

まず、「HTML/CSSクイックスタート」チュートリアルのスペースの紹介

1.HTML文字エンティティのスペースの紹介

HTMLでのスペースの使い方をいろいろまとめました。

HTML では複数のスペースはブラウザによって 1 つにまとめられるため、複数のスペースの目的を達成するには   を使用する必要があります。 nbsp は通常のスペースとは異なり、空白を改行しない非改行スペースです。つまり、  は、空白を生成し、ブラウザがこの空白で行を折り返さないようにするために HTML コードで使用されます。たとえば、2 つの HTMLでのスペースの使い方をいろいろまとめました。 タグで   を使用すると、画像の幅がブラウザの幅を超えてしまうために発生する行の折り返しを防ぐことができます。つまり、通常のスペースを使用すると、ブラウザの幅が足りない場合、2 番目の画像は次の行に折りたたまれ、  では 2 つの画像が同じ行に表示されます。

2. HTMLのスペース文字とスペース記号についての共有

1.

HTMLのスペース文字エンティティの概要と共有について非改行スペース(non-breaking space)文字エンコーディング  : HTML では、スペース キーを押すと生成されます。スペースは蓄積されません (1 としてカウントされるだけです)。蓄積する前に HTML エンティティで表す必要があります。

全角スペース (Em スペース) 文字エンコーディング: em は、タイポグラフィーの測定単位です。たとえば、16px フォントの 1em は、現在指定されているポイント番号に相当します。このスペースは非常に堅牢な特性を持っており、その占有幅はちょうど中国幅 1 つです。

半角スペース (En Space) 文字エンコーディング: en はタイポグラフィの測定単位です。たとえば、1en は 16 ピクセル フォントの 16 ピクセルであり、名目上は小文字の n の幅です。このスペースは非常に堅牢な特徴を持っており、その占有幅は中国の幅のちょうど 1/2 です。

2. HTMLのスペース記号(nbsp; ensp; emsp;)の紹介と中国語の配置方法の詳細な説明

文字の使用スキル:

HTMLでのスペースの使い方をいろいろまとめました。1) HTMLでの文字出力は次のようになります。 charCode 値に一致します。

2) JavaScript ファイルでは、文字化けを防ぐために、u は charCode 値とペアになります。

3) CSS ファイルでは、CSS 疑似要素の content 属性など、charCode 値が直接指定されます。使用済み。



3. HTML におけるスペースの紹介と使用方法

1. HTMLにスペースを挿入する方法を詳しく紹介

HTMLでのスペースの使い方をいろいろまとめました。

通常、複数のスペースを入力するにはスペースバーを使用しますが、コードを書くときはスペースバー、Tabキー、Enterキーを使用してスペースを入力します。 HTML (ハイパーテキスト マークアップ言語) によって自動的に無視されます。 HTML では、このようなキーを空白文字として扱い、単一の空白間隔として表示します。 CSS ではさまざまなスタイルの間隔とインデントが提供されていますが、HTML には間隔を自分で定義できるツールもあります。

2. HTML の 6 種類のスペース記述

非改行スペース ( ) は、通常のスペースの幅であり、すべての主要なブラウザで実行できます。他のいくつかのスペース ( 、 、 、‌、‍) はブラウザごとに幅が異なります。
  これは、最も一般的で最も使用されるスペースであり、スペース キーを押すことによってのみ生成されます。 HTML では、スペースバーを使用してこのスペースを生成すると、スペースは蓄積されません (1 としてカウントされるだけです)。このスペースが占める幅は、明らかに、フォントの影響を強く受けます。

3. HTML コード内のスペースと空白行についての簡単な説明

方法 1: スペースと空白行の両方に適用できる、事前にフォーマットされたタグ

 を使用できます。 
ログイン後にコピー

方法 2: スペース エンティティ文字   を使用してスペースを置換し、改行タグ
を使用して空白行を置換できます。この方法は希望する表示効果を得ることができますが、  と
には HTML のセマンティクスがないため、検索エンジンにとってはあまり使いやすいものではありません。したがって、できるだけ使用しないことをお勧めします。また、  は小文字にする必要があり、末尾のセミコロンは省略できないことにも注意してください。

方法 3: (スペースに適しています) 全角スペースを使用します

HTML のスペースに関する質問と回答

1. HTML ドキュメントの

段落内のスペースを削除する方法。

2. li の前のデフォルトのスペースを削除するにはどうすればよいですか?

3. HTMLにスペースを入力するとスペースが表示されないのはなぜですか?

【関連おすすめ】

1. HTMLのスペース記号とスペース文字エンティティのまとめ

以上がHTMLでのスペースの使い方をいろいろまとめました。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート