人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

制御コードについて。

Windowsで、テキストエディタでタブを入力すると、実際には\tが保存され、エディタで表示するとカーソル1つでタブ分のスペース(4コくらい?)が移動されると思います。

それ(テキストエディタで入力したタブ)をhtmlで表示する場合は、タブが半角スペース4コに自動的に変換されて、表示されるいるのでしょうか?
その場合(htmlファイルを取得して、そちらからプレーンテキストにする場合)、タブ→スペースは出来ても、スペース→タブは難しいのでしょうか?(ただ、例えば、半角スペースが6コ続いていたら、タブ1つと半角スペース2こ、という風なら可能でしょうか?)

●質問者: rapuntuleru
●カテゴリ:コンピュータ インターネット
✍キーワード:HTML Windows エディタ カーソル コード
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● あすか
●23ポイント

それ(テキストエディタで入力したタブ)をhtmlで表示する場合は、タブが半角スペース4コに自動的に変換されて、表示されるいるのでしょうか?

いいえ違います。

ブラウザでHTMLコンテンツを閲覧する場合、タブは無視されます。


2 ● うぃんど
●22ポイント

プログラムソースなどをホームページ上に掲載したい場合にはPREタグなどを使うと半角スペースもそのまま残りますが、

そうでなければブラウザはASCII制御文字(tabやCR、LFなど)や行の先頭の半角スペースなどは無視する仕様となっています

エディタ上だけの話であれば、tabキーでタブではなく半角スペース4個や8個を入れてくれる設定ができるものも多いので、

お使いのエディタの設定を確認してみてください

余談になると思いますが、HTML上でも数値文字参照などを用いることによって同様の事が可能となります

数値文字参照の例

	 タブ
  半角スペース

文字実体参照の例

  空白

http://e-words.jp/p/r-htmlentity.html

(本来は&はいずれも半角ですが、機能してしまっては説明が面倒になるので全角文字を使っています)

ただし、情報はHTMLで体裁(レイアウト)はCSS(スタイルシート)で行うことが現代風のため、

上記のようなものを使って体裁を整えようという試みは非推奨となります(結局のところ余談でしかないということです)


3 ● fonya3
●23ポイント

preタブでくくればタブ・スペースとも入力した通りにブラウザ上で表示されます。


4 ● pretaroe
●22ポイント

表示の仕方は設定によります。

http://www.tagindex.com/stylesheet/text_font/white_space.html

>タブが半角スペース4コに自動的に変換されて、表示されるいるのでしょうか?

変換されて表示されてるわけではありません。

TABコードはTABコードのままです。

エディターなどと同じです。

ブラウザーのソースでHTMLを取得してもそのままです。

変換されてるように見えるだけです。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ