web-dev-qa-db-ja.com

HTMLで\ tタブスペースを複製するにはどうすればよいですか?

Htmlで一般的な\ tエスケープ文字を使用するにはどうすればよいですか?出来ますか?

/ tエスケープ文字と同じ機能を持つコードが必要です

11
user2443085

/ tエスケープ文字と同じ機能を持つコードが必要です

タビュレーター空間を作成するという意味は何ですか?

HTMLにはそのようなことはありません。そのためにはHTML要素を使用する必要があります。 (A <table> は、表形式データ、または 説明リスト<dl> 定義の場合。)

4
Pekka 웃

文字参照&#9;を使用して、タブ文字(U + 0009 CHARACTER TABULATION、一般にTABまたはHT)を入力できます。タブ文字自体と同等です。したがって、HTMLの観点からは、文字参照を使用して「エスケープ」する必要はありません。しかし、あなたはそうすることができます編集プログラムで文字を簡単に入力できない場合。

一方、ほとんどのコンテキストでは、タブ文字はHTMLの通常のスペースに相当します。 「表」ではなく、単なるWordスペースです。

ただし、タブ文字にはpre要素で特別な処理があり、(これは仕様では十分に説明されていませんが)textareaおよびxmp要素(後者では文字参照タブ文字のみを使用できます)。これは、HTML仕様でやや誤解を招くように記述されています。 HTML 4.01 :「[pre要素内」、水平タブ文字([ISO10646]および[ISO88591]の10進数9) )は通常、視覚的なユーザーエージェントによって、8文字ごとのタブストップに沿って文字を並べるのに必要なゼロ以外の最小数のスペースとして解釈されます。編集時に、タブの間隔を他の値に設定し、ドキュメントの位置がずれてしまうことが一般的であるため、事前にフォーマットされたテキストで水平タブを使用することを強くお勧めします。

オーサリングソフトウェアでのタブ移動とブラウザーでのHTMLレンダリングの不一致の可能性に関する場合を除き、警告は不要です。水平タブを回避する本当の理由は、表形式の資料を表示するためのテーブルと比較して、粗くて単純なツールだからです。また、コンピューターのソースプログラムを表示する場合は、pre内のスペースのみを使用することをお勧めします。8文字ごとのデフォルトのタブストップは、通常のコードインデントスタイルにはまったく不適切です。

さらに、CSSでは、 white-space: pre (または、ブラウザのサポートが少し制限されているwhite-space: pre-wrap)を指定して、 divpのような通常のHTML要素は、preのようにレンダリングされるため、すべての空白が保持され、水平タブには「タブ移動」効果があります。

CSSテキストモジュールレベル3(ラストコールのワーキングドラフト、つまり成熟に向かって進む)には、 tab-size property もあります。タブストップ間の距離を設定するために使用されます。例えばtab-size: 3。ほとんどのブラウザの最新バージョンでは サポートされています が、IE(IE 11でもない)ではサポートされていません。

8

&nbsp;&nbsp;&nbsp;&nbsp;は、スペースを空けた後にしか回避できない場合があります。

7
xr280xr

HTMLにはエスケープ文字がありません(予約文字にエスケープセマンティクスを使用しないため、代わりにSGMLエンティティを使用します:&amp;&lt;&gt;および&quot;)。

SGMLには、ほとんどの文字セットに存在するタブ文字の名前付きエンティティがありません(つまり、0x09 in ASCII and UTF-8)、それを完全に不必要にします(つまり、単に Tab キーボードのキー)。 HTMLを生成するコード(ASP.NETなどのサーバー側アプリケーション、PHPまたはPerl)を使用している場合は、サーバーから-サイド言語はそれを要求します-それは次のようにHTMLとは何の関係もありません:

echo "<pre>\t\tTABS!\t\t</pre>";

ただし、SGMLエンティティを使用して、ISO-8859-1文字を16進値で表すことができます。 &#09;はタブ文字です。

2
Dai

この単純な式は機能するはずです。テキストにタブが含まれる要素に次のCSSプロパティを与えます:white-space:pre。そうしないと、HTMLでタブがまったく表示されない場合があります。次に、テキストにタブを配置する場所に&#9;

CSSについて言及しなかったので、CSSファイルなしでこれを行いたい場合は、

<tag-name style="white-space:pre">text in element&#9;more text</tag-name>

hTMLで。

2

私は直接答えることはできませんが、おそらく誰かがこれが役に立つと思うかもしれません。 Mediawikiについても同じ問題が存在します:タブを提供せず、連続したスペースも許可されません。

実際にはTAB関数ではありませんが、回避策は「Tab」という名前のテンプレートを追加することで、各呼び出し(つまり{{tab}})を4つの非改行スペースシンボルに置き換えます:

 &nbsp;&nbsp;&nbsp;&nbsp; 

これらは折りたたまれておらず、4スペースの距離が使用されます。固定されたタブの位置に合わせられないため、実際にはタブではありませんが、それでも多くの用途があります。

誰かがHTMLのWikiテンプレート(CSSクラスなど)に対して同様のメカニズムを思いつくかもしれません。

1
CatMan

これを使用できます&emsp;または&ensp;

Visual Studioで動作します

1