インデントがずれてしまいます。

解決済

質問者：taro_11
質問日時：2013/09/15 17:05
回答数：2件

直接プログラミングとは関係のない質問です。

教えてgooでコードを貼り付ける際、ブロックごとの
インデントがずれて見づらくなってしまいます。
対処方法はありますでしょうか。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： hitomura
回答日時：2013/09/15 17:20

自分を含め複数の人がやっている手ですが、インデントをいわゆる全角空白に置き換えて入力し、

「全角空白でインデントしています。お手数ですがコピペ後にスペースまたはタブに変換してご確認ください。」
と追記するということをやっています。

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます。
なるほど、そのようなやり方があったのですか。

通報する

お礼日時：2013/09/15 20:12

No.2

回答者： ORUKA1951
回答日時：2013/09/15 17:41

たとえば、

下記は、Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html# )で検証済みのHTML4.01strictで書いたHTMLのサンプルコードです。
※タブは＿に置換してあるので戻すこと。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
＿<title>サンプル</title>
＿<meta name="author" content="ORUKA1951">
＿<meta http-equiv="Content-Style-Type" content="text/css">
＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
＿<link rel="START" href="../index.html">
＿<style type="text/css">

＿</style>
</head>
<body>
＿<div class="header">
＿＿<h1>タイトル</h1>
＿＿<p>このページでは・・・・</p>
＿</div>
＿<div class="section">
＿＿<h2>見出し</h2>
＿＿<p>・・・</p>
＿</div>
＿<div class="footer">
＿＿<h2>文書情報</h2>
＿＿<dl class="documentHistry">
＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt>
＿＿＿<dd>2012-08-10</dd>
＿＿＿<dt id="LAST-MODIFIED">Last Modified</dt>
＿＿＿<dd>2012-08-10 12:00:00 (JST)</dd>
＿＿</dl>
＿＿<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address>
＿</div>
</body>
</html>

具体的には、firefoxですが、It's All Text!( https://addons.mozilla.jp/firefox/details/4125 )と言うアドオンをつかって、テキスト入力欄(textarea)に文字を書き始めてから、このアドオンで使用しているテキストエディタに移動して編集します。
　そのエディタで、タブや半角スペースをタブなり、全角スペースに置換します。そして保存をクリックして、フォーム画面に戻り送信します。

[そうなる理由]
　HTMLの仕様で
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
文書文字集合には、多様な空白類文字が含まれている。
　・・・【中略】・・・
　HTMLでは、次に挙げる文字だけが空白類文字であると定義される。
・ASCIIスペース ( )
・水平タブ (	)
・書式送り ()
・ゼロ幅スペース ()
　行区切り類もまた、空白類文字である。
・・・【中略】・・・
　ここで、ソース文書中で語間に空白類が複数連なっている場合、PRE要素を除いて、レンダリング結果の語間スペース調整は全く異なるものになるという点に注意されたい。
　特にユーザエージェントは、語間スペースの出力処理に際しては、連続する空白類の入力があった場合は1つにまとめてしまう必要がある。これは、・・・【中略】・・・可能かつ必要な動作である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Paragraphs, Lines, and Phrases (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )］より