お世話になります。
Webページに、C言語などのサンプルコードを
載せたい場合、<pre>タグなどを使わずに、きれいに
タブスペースやインデントを表現できる方法は
ありませんでしょうか。
通常に載せただけでは、タブ文字や半角スペースは
表示されませんし、だからといって & nbsp;などの連続で
インデントを表現するのもあまりカッコよくありません。
たいていは<pre>タグを使用されているのが多いのですが、
やはり非推奨なので、できれば使用したくありません。
具体的な方法がありましたら、お教え願えないでしょうか。
よろしくお願いします。
No.4ベストアンサー
- 回答日時:
非推奨というのはXHTMLを使っているということでしょうか?
確かにXHTML 2.0ではソースコードを書くのにはpreではなくblockcodeを使うように推奨しています。
http://www.w3.org/TR/xhtml2/mod-structural.html# …
(でも、これを知っているならもうblockcode使ってますよね...)
しかしながら、HTML5の草稿を見る限り、ソースコードはpreでcodeを囲んでで書くようです。
http://dev.w3.org/html5/spec/the-pre-element.html
HTML4.01など古いHTMLではpreとの組み合わせについてはそこまで言及していないように思いますが、HTML5でpre + codeになったということはこれまでその使い方をされるのが普通だったと予想します。
http://www.w3.org/TR/html401/struct/text.html#h- …
というわけで、XHTMLで書いているならblockcode、HTML5で書くつもりならpre + codeが推奨される方法だと思います。
ありがとうございました。
以前に、preタグは非推奨とあった気がしたのですが、
またつかわれるようになったのでしょうか…?
遠慮なく使っていきたいと思います。
No.3
- 回答日時:
<pre>タグは、非推奨では有りません
<pre> (整形済みテキスト)を使用して表示していますが。monospace(等幅フォント) の扱いか、Sfariではおかしく表示されます。
最新のバージヨンでは少し改善されましたが下記の方法で対策しています。
「pre {margin:0;font:1em/150% "MS 明朝",serif;}」を外部スタイルシートに追加しました。
margin:0;は、上下にも1行の空白行が挿入を無くすために指定しています
非推奨は、white-space:preタグだと思います
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/02/02 10:20
- Excel(エクセル) 表計算ソフトcalcにおいて、1時間10分を1.1と表記する方法とそれらを集計する方法は? 4 2022/04/06 16:54
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Visual Basic(VBA) 特定の文字を簡単な操作で半角スペースに変換するか削除したい 2 2022/11/01 10:35
- 英語 仮定法と直接法の共存する文での使い分けの文法事項等について 1 2023/07/04 09:19
- CAD・DTP 「機能ブロック図」の描画用フリーソフトを教えてください 1 2022/09/23 16:12
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テキストエリア内の改行禁止
-
H1タグに改行の<br>を使う
-
<br style="clear:both;">って...
-
liタグの自動改行をやめたい!
-
テーブルの幅を固定するとnowra...
-
preタグがプロの現場であまり使...
-
html上で改行するとスペースが...
-
<br />タグの、brの後の半角ス...
-
「:」について
-
mailto:のリンクで、本文を改行...
-
CSS中で,/*と*/で囲まれた範囲...
-
<a href=... title="ここ">の部...
-
mailto:メール本文内の改行方法
-
<TD><input type="text"></TD>...
-
長いURLを途中で改行(折り返す...
-
アコーディオン仕様の中の ul l...
-
改行できる・できない入力ボッ...
-
テキストエリアの幅を10桁まで...
-
ページ下部のDIV要素下部に不要...
-
PCの画面を縮小したらサイズ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
H1タグに改行の<br>を使う
-
テキストエリア内の改行禁止
-
\\n \\r \\t について
-
長いURLを途中で改行(折り返す...
-
テーブルの幅を固定するとnowra...
-
<a href=... title="ここ">の部...
-
改行できる・できない入力ボッ...
-
文字の最後に半角空白が勝手に...
-
PCの画面を縮小したらサイズ...
-
<TD><input type="text"></TD>...
-
テーブル内の文字列を改行させたい
-
テキストエリア内の改行もその...
-
Hタグを改行禁止にしてspanのよ...
-
XMLの改行方法とリンクの仕方
-
html上で改行するとスペースが...
-
preタグがプロの現場であまり使...
-
「:」について
-
<a href="長いURL"> を途中で...
-
Windowsのformでtextareaに入力...
-
liタグの自動改行をやめたい!
おすすめ情報