简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTML空間コードとは何ですか? HTML空間のコードはどのように書くのでしょうか？ （要約）

不言
リリース： 2018-09-07 13:41:41
オリジナル
131848 人が閲覧しました

私が初めて HTML を学び始めたとき、次のような問題に遭遇しました: HTML でスペースを入力するにはどうすればよいですか?スペースバーを直接押す人もいるかもしれませんが、これは間違いです。結局のところ、スペースバーのヒットはコードではないので、この記事では HTML にスペースコードを記述する方法を紹介します。

HTMLには5種類のスペースコードがあります

HTMLでスペースコードを記述する方法:   (改行なし)

小さな例を見てみましょう:

<!DOCTYPE html>
<html>
<body>
<b>php&nbsp中文网</b>
</body>
</html>
ログイン後にコピー

効果:

HTML空間コードとは何ですか? HTML空間のコードはどのように書くのでしょうか？ （要約）

注:  space 文字は 1 つのスペースのみを表します。複数のスペースが必要な場合は、複数の  space 文字を入力する必要があります。スペースの幅は明らかにフォントの影響を受けます。

HTML 2でのスペースコードの書き方:&ensp(半角スペース)

小さな例を見てみましょう:

<html>
<head>
</head>
<body>
    <p>P&ensp;H&ensp;P</p>
</body>
</html>
ログイン後にコピー

効果:

HTML空間コードとは何ですか? HTML空間のコードはどのように書くのでしょうか？ （要約）

説明:&enspの正式名は En Space、en はフォントの活版印刷の測定単位で、em の幅の半分です。定義上、これはフォント サイズの半分 (たとえば、16 ピクセル フォントの 8 ピクセル) に相当し、占有する幅は中国語の幅のちょうど 1/2 であり、基本的にフォントの影響を受けません。

HTML でスペース コードを記述する 3 番目の方法: &emsp (全角スペース)

小さな例: 

<html>
<head>
</head>
<body>
<p>php&emsp;&emsp;中文网</p>  
</body>
</html>
ログイン後にコピー

効果:

HTML空間コードとは何ですか? HTML空間のコードはどのように書くのでしょうか？ （要約）

説明: &emsp の正式名は Em Space、emタイポグラフィの測定単位であり、現在指定されているポイント数に相当します。たとえば、16 ピクセルのフォントの 1 em は 16 ピクセルです。占める幅はちょうど中国語の 1 つの幅であり、基本的にフォントの影響を受けません。

HTML でスペース コードを記述する 4 番目の方法: &thinsp (狭いスペース)

小さな例: 

<html>
<head>
</head>
<body>
    <p>php&thinsp;&thinsp;中文网</p>
</body>
</html>
ログイン後にコピー

効果:

HTML空間コードとは何ですか? HTML空間のコードはどのように書くのでしょうか？ （要約）

説明: このスペースは比較的薄く、薄く、比較的小さな幅を占めます。幅は em の 6 分の 1 です。

HTML でスペース コードを記述する 5 つの方法: &zwnj (ハイフンなしのゼロ幅)

説明: &zwnj は、電子テキスト内の 2 つの文字の間に配置される非印刷文字で、そうしないと発生する合字を抑制します。代わりに、2 つの文字は元のグリフで描画されます。

HTML 6 でスペース コードを記述する方法: &zwj (ゼロ幅合字)

説明: &zwj は非印刷文字であり、複雑な組版を必要とする一部の言語 (アラビア語、ヒンディー語) 文字の間で、ハイフンでつながれない 2 つの文字にはハイフンでつながれた効果があります。

以下の 2 つのスペースには例を書きません。HTML タグについて詳しく知りたい場合は、php 中国語 Web サイトhtml マニュアルを参照してください。

この記事はここで終わります。さらにエキサイティングなコンテンツについては、php 中国語 Web サイトに注目してください。

関連する推奨事項:

htmlスペースコード

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

以上がHTML空間コードとは何ですか? HTML空間のコードはどのように書くのでしょうか？ （要約）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
html 空間
ソース：php.cn
前の記事：htmlファイルとは何ですか? HTML形式を開くにはどうすればよいですか? （写真） 次の記事：htmlをラップするにはどうすればよいですか?改行コードとは何ですか？ 9 つの HTML テキストの折り返し方法のまとめ
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
PHP で VueJS コンポーネントを活用する 最下位の dom リーフまで VueJS を使用せずに、Php によって生成された基本的な HTML と VueJS コンポーネントを混合したいと考えています。親レイアウトには V...
から 2023-11-11 00:01:44
0
2
288
次のjs 13でオープンプリミティブタグを使用するにはどうすればよいですか? 最近の NextJS13 アップデートでは、NextHead を作成して通常の HTML メタ タグを記述する従来の方法とは異なる、メタ タグを処理する新しい方法が導入されました。...
から 2023-11-10 23:03:51
0
1
527
PHP メーラーが動作しない: エラー ログがなく、メッセージは送信されたが受信されていないと表示されます ウェブサーバーの php エラー ログにエラー ログが表示されません。いくつかの異なる SMTP サーバーを試しました (私が知っている他の電子メールプロバイダーも同様に機能します...
から 2023-11-10 15:02:39
0
1
218
月と年のみを選択する v-date-picker v-date-picker を使用してこれを行う他の方法があるかどうか教えてください。ユーザーが年と月を選択できるようにして、日付ピッカー メニューを閉じる必要があるだけです。ここ...
から 2023-11-10 14:05:05
0
1
269
書き換えられたタイトルは次のとおりです: SweetAlert2: "onBeforeOpen" パラメーターが不明です Laravel5.8 と Sweetalertv2 を使用しており、次のように Blade でこのアラートをトリガーしようとしています: Swal.fire({title:'<...
から 2023-11-10 09:39:01
0
1
257
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！