ホームページ ウェブフロントエンド htmlチュートリアル HTMLのスペースコードとは何ですか? (要約)

HTMLのスペースコードとは何ですか? (要約)

Aug 13, 2018 pm 04:23 PM

初心者にとって、HTML空間のシンボルコードの書き方は少しわかりにくいかもしれないので、この記事ではHTML空間コードのさまざまな表現方法をまとめて紹介します。皆様のお役に立てれば幸いです。

HTMLでは、幅の異なる6種類のスペース(空間エンティティ)が提供されています。

一、 
ログイン後にコピー

非改行スペースは通常のスペースの幅であり、すべての主要なブラウザで実行できます。他のいくつかのスペース ( 、 、 、‌、‍) はブラウザごとに幅が異なります。
これは、最も一般的で最も使用されるスペースであり、スペース キーを押すことによって生成されるスペースです。 HTML では、スペースバーを使用してこのスペースを生成すると、スペースは蓄積されません (1 としてカウントされるだけです)。このスペースの幅は、明らかに、フォントの影響を強く受けます。正式名は En-Space、en はタイポグラフィの測定単位です。 、これは em の幅の半分です。定義上、これはフォント幅の半分に相当します (例: 16 ピクセルのフォントでは 8 ピクセル)。名目上は小文字 n の幅です。このスペースはスペース ファミリの一貫した特性を継承しています。スペースの色は透明です。このスペースは非常に堅牢な特徴を持っています。つまり、スペースが占める幅はちょうど漢字の幅の 1/2 であり、基本的にはフォントの影響を受けません。

二、 
ログイン後にコピー

" "全角スペース"、正式名は Em-Space です。em はタイポグラフィの測定単位で、現在指定されているポイント数に相当します。例えば 1em 16px フォントでは 16px です。この空間も、空間ファミリーの一貫した特徴を継承しています。空間の色は透明であり、この空間の特徴も非常に堅牢です。つまり、占有する幅は正確に 1 漢字の幅であり、基本的にはそうではありません。


三、 
ログイン後にコピー

narrow Space の影響を受けており、正式名は Thin-Space です。これは「スキニー スペース」と呼ぶこともできます。つまり、このスペースは比較的薄く、薄い本体を持ち、幅が 6 分の 1 と比較的小さい幅を占めます HTMLのスペースコードとは何ですか? (要約)

四、 
ログイン後にコピー

はゼロ幅と呼ばれます。非ハイフン、フルネームは isZero width Non 「ZWNJ」と呼ばれるジョイナーは、電子テキストの 2 つの文字の間に配置される非印刷文字で、他の場合に発生する合字を抑制し、代わりに 2 つの文字を元のグリフで描画します。 Unicode のゼロ幅のハイフンなし文字は、(ゼロ幅) にマッピングされます。 width 非結合子、U+200C)、HTML 文字値は ‌; として引用されます。

五、zwnj;
ログイン後にコピー
はゼロ幅合字と呼ばれ、正式名はゼロ幅です。 「ZWJ」と呼ばれるジョイナーは、複雑な組版を必要とする特定の言語 (アラビア語やヒンディー語など) の 2 つの文字の間に配置される非印刷文字であり、通常はハイフネーションされないこれら 2 つの文字を引き起こします。効果。幅ゼロのハイフンの Unicode コード ポイントは U+200D です。 (HTML の文字値は ‍ ‍ として引用されます); 上記は HTML スペースタグの概要です。これを理解すると、HTML 内で複数のスペースを自由に入力できます。 HTML スペースのコードの書き方や HTML スペースの入力方法についてまだ疑問を抱えている友人にとって、参考になれば幸いです。

以上がHTMLのスペースコードとは何ですか? (要約)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

< Progress>の目的は何ですか 要素? < Progress>の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

< datalist>の目的は何ですか 要素? < datalist>の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

< meter>の目的は何ですか 要素? < meter>の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

< iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? < iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Apr 04, 2025 pm 11:54 PM

GiteEpages静的Webサイトの展開が失敗しました:404エラーのトラブルシューティングと解像度Giteeを使用する

See all articles