タブ文字を取得する方法は？

HTMLでは、タブに文字はありませんが、なぜここにコピーして貼り付けることができるのか混乱しています。（幅全体を見ることはできませんが、質問をクリックして編集すると、文字が表示されます。）タブ文字をコピーして貼り付けることができれば、htmlにコード化できる同等のUnicodeがあるはずです。 。それが存在しないことは知っていますが、これは私が把握することができなかった謎です。

だから私の質問です：コピーして貼り付けることができても、タブにUnicode文字がないのはなぜですか？

確かにタブのエンティティがあります：

	

（タブはASCII文字9またはUnicode U + 0009です。）

ただし、リテラルタブ（テキストエディターに入力するもの）と同様に、すべてのタブ文字はHTMLパーサーによって空白として扱われ、<pre>ブロック内を除いて1つのスペースに折りたたまれます。リテラルタブは8つのスペースとしてレンダリングされます。等幅フォント。

試す  

ドキュメントに従って：

文字エンティティ と は、それぞれenスペースとemスペースを示します。enスペースはポイントサイズの半分であり、emスペースは現在のフォントのポイントサイズと同じです。固定ピッチフォントの場合、ユーザーエージェントはenスペースをAスペース文字と同等として扱い、emスペースを2つのスペース文字と同等として扱うことができます。

ドキュメントリンク：https : //www.w3.org/MarkUp/html3/specialchars.html

<pre></pre>タグの間に置き、この文字を使用します	

<pre></pre>タグがないと機能しません

より完全にするために別の選択肢を投稿する。「事前」ベースの回答を試したところ、垂直方向の改行が追加されました。

各タブは、折り返しを必要としないシーケンスの改行しないスペースに変換できます。

"    " 

これは、ページ内で繰り返し/広範囲に使用することは推奨されません。divマージン/パディングアプローチは、よりクリーンに見えます。

<span style="display: inline-block; width: 2ch;">&#9;</span>2文字幅のタブに使用しています。

Unicodeライブラリでは、タブは[HT]または文字番号9です。

前述のように、効率上の理由から、連続するスペースはブラウザが実際に表示する1つのスペースに統合されます。HTMLのMLが何を表すのか覚えておいてください。これは、テキストの表示方法を制御するように設計されたマークアップ言語です。空白ではありません：p

それでも、TABはすべて4つのスペースを前に付けるだけなので、ブラウザがタブを尊重するふりをすることができます。これはCSSで簡単です。のようなラインで...

 <div style="padding-left:4.00em;">Indenented text </div>

またはスタイルシートの通常のクラスとして

.tabbed {padding-left:4.00em;}

次に、HTMLは次のようになります。

<p>regular paragraph regular paragraph regular paragraph</p>
<p class="tabbed">Indented text Indented text Indented text</p>
<p>regular paragraph regular paragraph regular paragraph</p>