Fixed Width ～ プレ・タグ（pre-tag）七変化 ～
第一行に＜PRE＞、最終行に＜/PRE＞を（すべて半角で）入力すると、
途中の文字列が「等巾間隔」で表示され、任意の字数で改行（ENTER）
できます。
重要かつ便利ですが「はてなダイアリー」や「はてな人力検索の回答」
で有効でも、なぜか「人力検索の質問」や「その他のブログ」では機能
しません。どれにでも通用する「等幅タグ」はないでしょうか。
サンプル画面（原文は同じ字形列）
↓「はてな人力検索＆いわしの回答」
http://q.hatena.ne.jp/1228008836#a875817 近畿大学長（四代）
↓「はてな人力検索＆いわしの回答」への質問者コメント
http://q.hatena.ne.jp/1257429685#a964379
おすすめの有料メールソフトは？
http://q.hatena.ne.jp/1250399622 首相の劣化史
↑「はてな人力検索＆いわしの質問」↓「アンケート＆コメント欄」
http://q.hatena.ne.jp/1263500014#c168584 ネクスト総理
http://d.hatena.ne.jp/adlib/20100604 虫歯内閣
↑「はてなダイアリー」↓「エンピツ日記」
http://www.enpitu.ne.jp/usr8/bin/day?id=87518&pg=20100604
ベストアンサー
-
meefla
満足60pt
まず、人力検索の質問文で pre タグが使えない理由を考えてみます。
ソースをご参照いただければわかると思いますが、人力検索の質問文は全体が h1 要素になっています。
ブロック要素とインライン要素 によれば、h1～h6 の heading 要素の中にはインライン要素（例えば a 要素）を入れる事はできても、他のブロック要素（例えば pre 要素）を入れる事はできません。
（HTML 4.01 Specification で、これに関する記述を探したのですが、見つけられませんでした）
質問文全体を h1 要素にする事の是非はさておき、HTML 的には質問文の中で pre 要素は使えない事になります。
次に、「その他のブログ」で機能しない、との事ですが、これはそれぞれのブログによります。
ざっと調べた限りでは、Yahoo!ブログ や ウェブリブログ では使用できないようですが、使用可能なブログとして goo ブログ や アメブロ があります。
pre を頻繁に使用するのであれば、単にそのブログで HTML タグが使用可能であるかだけではなく、pre が使用可能かどうかを確認した方が良いようです。
最後に、どれにでも通用する「等幅タグ」はないでしょうか、ですが、上記 Yahoo!ブログ で使用できるタグがごく限られたものである事からも、「ない」というのがお答えになるでしょう。
以下、余談です。
pre タグにこだわられるお気持ちもわかりますが、pre タグを使用したとしても閲覧者が等幅で見ているという保障はありません。
ブラウザの設定次第では、pre タグの内容をプロポーショナルフォントで見る事も可能です。
例えば、Firefox の場合、オプションの「フォントと配色」の「詳細設定」で、「等幅」を MS P明朝に指定すれば、question:1228008836 のご回答は次の画像のようになります。
閲覧者の設定がわからない以上、見た目にこだわるのはあまり意味がないものと愚考します。
以上、ご参考になれば幸いです。
-
adlib
-
adlibその他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2010-06-24 06:13:44
- 終了日時
- 2010-07-01 04:48:29
- 回答条件
- 回答にURL必須 1人2回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…
匿名質問者
1
1
-
不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者11
-
日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者
-
共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者1
-
内定してほしいポケモンはいますか？匿名質問者
HTML4.01 で、H1 要素内にブロック要素が入らないことに関しての記述は、私も地の文から見つけることは出来ませんでした。
ですが、DTD の部分には、ちゃんと書かれています。(当然と言えば当然ですが。)
7.5.5 Headings: The H1, H2, H3, H4, H5, H6 elements
http://www.w3.org/TR/1999/REC-html401-19991224/struct/global.html#h-7.5.5
ここに、
<!ELEMENT (%heading;) - - (%inline;)* -- heading -->
とあり、展開すると
<!ELEMENT (H1 | H2 | H3 | H4 | H5 |H6 ) - - (#PCDATA | TT | I | B | BIG | SMALL | EM | STRONG | DFN | CODE | SAMP | KBD | VAR | CITE | ABBR | ACRONYM | A | IMG | OBJECT | BR | SCRIPT | MAP | Q | SUB | SUP | SPAN | BDO | INPUT | SELECT | TEXTAREA | LABEL | BUTTON)* -- heading -->
となります。
ながーくなってしまって見辛いですが、要は H1～H6 内に書いて良いものの中に、PRE 要素は入ってませんってことになります。
ちなみに、この H1 要素に入れられるものとして、TT 要素という、質問者さんがお探しの「等幅タグ」とも言えるものが存在してはいます。
一応人力検索内でも (質問文、コメント文以外でなら) 使えます。
人力検索はてなで利用可能なタグ一覧
http://hatenaquestion.g.hatena.ne.jp/keyword/%e4%ba%ba%e5%8a%9b%e6%a4%9c%e7%b4%a2%e3%81%af%e3%81%a6%e3%81%aa%e3%81%a7%e5%88%a9%e7%94%a8%e5%8f%af%e8%83%bd%e3%81%aa%e3%82%bf%e3%82%b0%e4%b8%80%e8%a6%a7
が、個人的にお勧めし難いものですし、そもそも質問者さんの希望に適うものではありません。
あと、スタイルシートが有効な場合、"white-space:pre;font-family:monospace;" のように指定すれば、見る人の環境次第では PRE 要素っぽい表示になったりしますが、それもあまり確実なものではありません。そして人力検索ではおそらく使えません。
質問の解決にならず、PRE 要素が使えないけどスタイル指定し放題というブログがあるのかどうかも調べる気持ちにまで至らなかったので、コメント欄で失礼しました。