2005-09-27 アーカイブ

SUPER HTML BROS.

• DIV要素で構造を補強

Movable Type 3.2 Beta 2 の華麗な div 捌きを見よ ! でこき下ろした Movable Type 3.2 Beta 2 のデフォルトテンプレートですが、いずれ「何故 div の多用が良くないか、どういった構造をイメージすれば良いのか」ということを解説しようと思っていたのですが……。 流石うーたん ( BAZOOKA ) 、非常に分かりやすい説明になっています。 くそう先を越された。

もちろん、ある程度理解が進んでいる方向けに、もっとつっこんだ説明をすることもできる点はありますが、 HTML の構造化というものの理解への導入を促すには充分だと思います。

そういえばこの記事の見出しに SUPER HTML BROS. と名付けたので思い出しましたが、祝マリオ20周年。マリオサウンドコレクションは必聴です - ゼロSP@BLOG で紹介されていたマリオサウンドコレクションをゲットしましたよ。 雑誌部分は全く読んでいませんが。 ( おい )

大分前から疑問には思っていたけど

川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点なら良いのかという記事を紹介して終わります。 なんだか堅苦しい締め方だなあ。

コンビニで見かけたなあ

• アサヒ酵母ナンバー | アサヒビール
• 香雪ジャーナル - 缶ビール「アサヒ酵母ナンバー」飲み比べ

先週の金曜日に、出かけた帰りに立ち寄った近所のコンビニで見かけて気になっていたもののレポートを見かけ、近いうちに買おうかなと思ったのでメモ。 yukatti さん ( 香雪ジャーナル ) が丁寧な感想を書いて下さっているので、参考にさせていただきます。

350ml 缶とはいえ、 4 本を同時に飲み比べするのは厳しいかなと思うので、口実をつけた形でビール Day が増えてしまいそう……。 まだ買ってもいないうちにあれこれ考えちゃいますが、アサヒ酵母ナンバー 920 が一番期待大かなあ。 理由は単純で、日本のビールで上面発酵のものってあまり見ないから。

健康診断が近付いているんだよなー

……って、来月には職場の健康診断が迫っているんですよねえ。 IRC チャンネル #順列都市での会話で思い出したんですが。 ビールも控えないとなあ。

や、特段γ-GTP の値がピンチだとかいったことは無いんですが、年に 1 回のことなのでなるべく良い値を出したいじゃないですか ? ( 健康診断の意味を履き違えているような…… )

私は、血圧が少し低めであること ( 朝食を抜くと高確率で貧血起こして倒れます ) 以外はほとんど標準体型だと思っていたのですが、 2005-09-23 - LIPPiN を読んでそうでもないのかなあと気付いた点が。

夏の食欲不振がようやく直りそう。 落ちるとこまで落ちて、とても不健康なので食べまくろう。 さっき体脂肪を測ったら22.5%、BMIは17.0だった。 ・・・え”！これはいわゆる隠れ肥満とかいうやつですか？ BMIはおいといて体脂肪は増えすぎだなぁ。 そして基礎代謝は1150kcalだそうだ。 ・・・ええ！ｽｸﾅｰ。 ああ、もうこれはスポーツの神を降ろさねばなりませんな。 手っ取り早く泳ぎに行こう。

んー、そういえば基礎代謝量の基準って知らないなあと思ってちょっと調べてみると、 TANITA_ベストウェイトライフというページが見つかりました。 それによると、単純に基礎代謝量の大小で決めるのではなく、「基礎代謝量 (kcal) / 体重 (kg) = 基礎代謝基準値 (kcal/kg) 」を求めた上で平均値と比較するみたいですね。

詳しい値は伏せたまま、計算結果だけを出すと 24.5kcal/kg となったので、平均よりは基礎代謝が高い……と考えて良いのかな。 基礎代謝量を測ることができるヘルスメーターはよくありますが、その値だけに囚われずにそれを体重で割った値を気に留めましょう、というお話。 といっても自分の部屋にある体脂肪計では基礎代謝までは算出できないので、時々しかチェックできないのですが。

トラックバック送信先

2005-09-23 - LIPPiN

基礎代謝量よりも基礎代謝基準値が実は重要というお話。