記事本文
大分前から疑問には思っていたけど
川o・-・）＜2nd life - はてな記法のblockquoteとpre を見て思い出したんですけど、小粋空間が Movable Type のテンプレートのソースコードを XHTML 内に記述する際に blockquote 要素を用いていて ( 例 ) 、それってどうなのかなあという。 ユーザスタイルシートで引用部分を明確に区別して表示するようにしているので、そのソースコード部分が妙に浮いてしまうんですよね。
極端な事を言ってしまえば「テンプレートからの引用だ」という見方もできますが、 cite 属性や title 属性を合わせて指定しているわけでもないので、単に Movable Type の記事作成画面の
を押しているだけのような気もしますが。
Movable Type の記事作成画面には、よく使われるであろう XHTML の要素を挿入するボタンが準備されているのですが、これはあまり使わない方が良いでしょう。 今まで使っていなかったので気にしていなかったのですが、禁則処理が無いため、正しくない記述をしてしまう可能性が増大します。 インラインレベル要素でブロックレベル要素を囲んだり、 a 要素を入れ子にしてしまったり、引用でない部分を引用であるとしてしまったり……。 ( 「引用でない部分を引用である」と判断することは機械的な禁則処理では難しいと思いますが。 )
hxxk.jp では pre + code
私の場合はソースコード部全体を code 要素でマークアップし、その部分を更に pre 要素でマークアップするようにしています。
<pre title="最近飲んだビール 10 本を飲んだ順に並べるリストのマークアップ例"><code><ol>
<li>ヴァイス ヒルシュ</li>
<li>デュベル</li>
<li>ギロチン</li>
<li>ヒューガルデン グランクリュ</li>
<li>ヴェルテンブルガー白</li>
<li>セントルイス プレミアムフランボワーズ</li>
<li>サミュエルアダムス ボストンラガー</li>
<li>Brutal Bitter</li>
<li>セントルイス グーズ</li>
<li>ヤング チョコレートスタウト</li>
</ol></code></pre>これが絶対の正解というわけではありません。 実際に 3 年前にはソースコードのマークアップに関する議論が交わされました。 また、 XHTML 2.0 では blockcode 要素という要素が考えられています。
blockcode 要素の説明には
This element is similar to the pre element
と書かれていますので、逆説的に考えて XHTML 1.x 以前でのソースコードのマークアップには pre 要素を用いる、という解釈もできるかもしれませんが。
Validator では見えないモノ
小粋空間は
このブログではウェブスタンダード（Web標準）への準拠とアクセシビリティにこころがけています
と標榜しており、また Movable Type のテンプレート配布も行っているので、おそらくそのテンプレートも Web Standards を目指しているものと思われます。
( 実際にダウンロードして確認したわけではないのですが、きっとある程度の水準は保っているでしょう。 )
The W3C Markup Validation Service や Another HTML-lint gateway のような機械的なチェッカではチェックできない、「この部分はどういった要素でマークアップするのがより Web Standards に準拠できるか ? 」という点に気を付けていただければ、もっと素敵なテンプレートを作ってくれるだろうという願いを込めて、今回の指摘をさせていただきました。 厳密に言うと、今回の「引用をどうマークアップするか」という点と配布テンプレートの内容については直接の関係は無いように思えますが、マークアップに対する意識はどちらにも共通するものだと思います。
最後に、よく引き合いに出されるリソースですが HTML-lintで100点なら良いのかという記事を紹介して終わります。 なんだか堅苦しい締め方だなあ。
