インデントってどうやって表示するの？

質問

プログラムのソースプログラムをウェブに載せたいのですがホームページビルダーなどに
ソースをこぴぺすると全て字下げがなくなってしまいます。
こんな感じです。

#include<stdio.h>
　　int main(){
　　　　printf("hello\n");
　　return 0;
}

これが

#include<stdio.h>
int main(){
printf("hello\n");
return 0;
}

こうなってしまうわけですね。
字下げはTABキーのインデントで行っています。
１行ずつスペースを書いていけばいいのでしょうけど
何しろ何百行もあるソースですのでそれは無理です。

字下げを失わずにHTMLに変換することできないでしょうか？

回答No.11

pi8027 · ベストアンサー

pre要素でマークアップしてください。
あと、それはサンプルコードなので、code要素でマークアップする必要があります。
また、<と>は実体参照で書けば大丈夫。
結論：
<pre><code>#include&lt;stdio.h&gt;
　　int main(){
　　　　printf("hello\n");
　　return 0;
}</code></pre>

回答No.10

BLUEPIXY

<textarea></textarea>
を使うっていうのもありかと
<>なんかは既に書かれているように変換

回答No.9

aqucent

#8です。

#3 の方が指摘されているようですが、上手く表示されていないようなので代わりに説明を。
<>& はHTML上では特殊文字なので、実体参照に置換してください。

HTML文字実体参照一覧
http://yue.sakura.ne.jp/melody/ware/iso88591.html

先程は説明しませんでしたが、ついでなのでもう一つ。
HTML文法上、pre要素内にTab文字を書くことは避けることが推奨されています。
(ただ、主要なWebブラウザでTab文字が表示されているようなので、私は気にせず、Tab文字を使っています。)
この辺は、ポリシーの問題なので、よく考えて決めて下さい。

Another HTML-lint : Explanation
http://openlab.ring.gr.jp/k16/htmllint/explain.html#tab-in-pre

回答No.8

aqucent

pre要素で括るか、CSSの "white-space: pre" を適用するのが手っ取り早い解決法です。
インデント文字(Tab)を一括置換するなら、「空白の実体参照」か全角空白でしょうね。
(単純に、半角空白に置換すると、複数個の半角空白も1つの半角空白として表示してしまいます。)

それと、コード文を記述するときには、code要素で括るか、
"font-family: monospace" を適用して、等幅フォントで表示させた方が良いと追います。
コード文は等幅フォントでないと読みにくいですから。

回答No.7

steel_gray

何百行もあるならば、テキストファイルとしてインラインフレームに読み込むとか、単純にテキストファイルを単独でリンクするとかいった方法の方が読みやすい気がします。
（無理にHTMLに埋め込む必要はないように感じます。）

回答No.6

noname#19206

Tab や行頭の半角スペースは基本的に無視して表示されます。
半角スペースに関しては &nbsp; など実体参照で出力するようにしなければなりません。
Tab は…試して見たことがないので知りません。

回答No.5

pchan0022000

参考URLのようなツールを使うのはどうでしょう？

気にいらなければ、自分好みの変換プログラム作っちゃうのも手ですよ。

参考URL：

http://www.vector.co.jp/soft/winnt/net/se339426.html

回答No.4

PrintScree

質問文と同じように、全角スペースでインデントすればちゃんと表示されます。

回答No.3

LancerVII

こんにちは。

追記です。「<」とか「>」とか「&」は
<>&にする必要があります。

テキストエディタの置換機能を使えば大丈夫ですかね。

回答No.2

matui2000

秀丸などでTABをSPACEに置き換えられてみてはどうでしょうか？

回答No.1

LancerVII

こんにちは。

<pre></pre>

で囲んではいかがでしょうか？