ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLでスペース文字を表現する方法

HTMLでスペース文字を表現する方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-06-02 16:06:3025888ブラウズ

スペース文字の表現方法: 1. 「 」は非改行スペースを表します。 2. 「 」は半角スペースを表します。 3. 「 」は全角スペースを表します。 -width space; 4. "&thinsp ;"、狭いスペースを表します; 5. " "、" " などは通常のスペースを表します。

HTMLでスペース文字を表現する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

通常、複数のスペースを入力するにはスペースバーを使用しますが、コードを記述するとき、スペースバー、Tab キー、Enter キーによって入力されたスペースは、HTML (Hypertext Markup Language) によって自動的に認識されます。 HTML では、このようなキーを空白文字として扱い、単一の空白間隔として表示します。 CSS ではさまざまなスタイルの間隔とインデントが提供されていますが、HTML には間隔を自分で定義できるツールもあります。

1. 非改行スペースには「 」を使用します

HTMLでスペース文字を表現する方法

一般的に、何度押してもスペースバーを使用すると、HTML では単語間の空白のみが表示されます。複数のスペースを挿入する必要がある場合は、  または   コードを入力してください。 [1] これらは「スペース プレースホルダー」と呼ばれるもので、いくつか入力するとページ上にいくつかのスペースが表示されます。改行文字が生成されないため、非改行スペースと呼ばれます。この間隔を乱用すると、ブラウザは改行をきれいに読みやすい方法で挿入できなくなる可能性があります。

2.

半角スペースは「 」で表します。正式名称はEn Spaceです。enは測定単位です。タイポグラフィ、  半分の幅。定義上、フォント サイズの半分に相当します (たとえば、10 ピクセル フォントの 5 ピクセル) 特徴: 占める幅は中国語の幅のちょうど 1/2 であり、基本的にフォントの影響を受けません。

— 「en space」は、タイポグラフィの測定単位に基づいて命名されており、幅は通常のスペース 2 つ分の幅です。全角スペース

「全角スペース」を表すには、「」を使用します。正式名称は Em Space です。em はタイポグラフィの測定単位です。現在指定されているポイント数に相当します。たとえば、16 ピクセルのフォントの 1 em は 16 ピクセルです。このスペースも、スペース ファミリの一貫した特性を継承しており、透明です。このスペースは非常に安定した特性も持ち、占有する幅は正確に 1 中国語幅であり、基本的にフォントの影響を受けません。

— 「全角スペース」は通常のスペース 4 つ分の幅です

4。狭い場合は「

」を使用しますスペース「 」は 狭いスペースを意味し、正式名は Thin Space です。占有幅は比較的小さい。

幅は 6 分の 1 です。

5. 通常のスペース

ブラウザは次の文字もスペースとして解析します: スペース (

)、エピトープ (

)、改行 ( )、( ) など。 例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<p>测试文本  测试文本</p>
		<p>测试文本&ensp;&ensp;测试文本</p>
		<p>测试文本&emsp;&emsp;测试文本</p>
		<p>测试文本&thinsp;&thinsp;测试文本</p>
		<p>测试文本&#x0020;&#x0020;测试文本</p>
		<p>测试文本&#x0009;&#x0009;测试文本</p>
		<p>测试文本&#x000A;&#x000A;测试文本</p>
		<p>测试文本&#12288;&#12288;测试文本</p>
	</body>
</html>

推奨学習:HTMLでスペース文字を表現する方法html ビデオ チュートリアル

以上がHTMLでスペース文字を表現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。