- ベストアンサー
インデントがずれてしまいます。
直接プログラミングとは関係のない質問です。 教えてgooでコードを貼り付ける際、ブロックごとの インデントがずれて見づらくなってしまいます。 対処方法はありますでしょうか。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
自分を含め複数の人がやっている手ですが、インデントをいわゆる全角空白に置き換えて入力し、 「全角空白でインデントしています。お手数ですがコピペ後にスペースまたはタブに変換してご確認ください。」 と追記するということをやっています。
その他の回答 (1)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
たとえば、 下記は、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-html401j/struct/text.html#h-9.1 )]より
お礼
返信ありがとうございます。 ちょっと難しくて私には理解出来ませんでした。 すみません。
お礼
回答ありがとうございます。 なるほど、そのようなやり方があったのですか。