kuma Diary

_ 自分はhtmlを理解しているか？

　昨日の研修などいろいろ機会が重なってhtml,cssを勉強し直しているとこであります
　ご存知の通り、htmlは4.0から装飾部分をcssに担わせhtmlは文書構造を表すようになっています。という所で表現手法を身につけるため、ついcssの取得の方に目が行くものですが、改めて見直してみると、実は文書構造を担っているhtmlについて理解を深める方が重要なのではないかという気になっています。*1 　例えば箇条書きをするとして、
今シーズン見ている新作アニメ
・咲
・けいおん!
・戦場のヴァルキュリア
　…とベタ打ちでも表示できますが、本来は、

今シーズン見ている再放送アニメ

• 涼宮ハルヒの憂鬱
• カードキャプターさくら
• 狼と香辛料

これをソースで見ると

<h5>今シーズン見ている再放送アニメ</h5>
<ul><li>涼宮ハルヒの憂鬱</li>
<li>カードキャプターさくら</li>
<li>狼と香辛料</li></ul>

　表示結果は一緒でも(実際にはtDiaryのテーマによる装飾が入っていますが)、これで１行目は表題、以下三行が箇条書きのリストであることが構造的にはっきりします。
　こうすると同じhtml内にfontやcenterなど装飾のみを担うタグがあると文書構造の面から混乱する、ゆえにそれらは専門のcssに担わせるというのが合理的な考え方だというのが見えてきます。同様に本来表を表すはずのtableタグを使用してレイアウトをするのも文書構造を示すのには不適切であるというのもわかってきます。*2
　来年勧告されるというhtml5だと、headerタグやsectionタグができて、構造がより解り易くなるようです(逆にfontタグなどはついに廃止されるようで)。 　…とは言ってみたものの、では今htmlの理念に則った書き方をしているかというと…う〜ん、いろいろ改善しようとしているところで…。

_ ではこの場合は？

　先に書いたとおり、ページのレイアウトはdivタグ、本来の表はtableタグで記述していくことになるのですが、ではその間にあるような、例えばリンク集なんかはdivで組んだ方がいいのかtableを用いた方がいいのか…というのを昨日の研修時にちと質問してみたのですが、ちとはっきりした答えがもらえなくて…。 　で、いろいろ探すとリストを使った手段なんてのもあるとは…

ぱぱねっと(仮)

稀代のプログラマー、ぱ先生のブログ

エイザの奇妙な冒険

早く続きを書くのだ

　この辺はまだ研究中。

_ 夕飯

_ _ _ 先日ベターホームで購入したレシピ本に記載のあったきゅうりと鶏肉の炒めもの、免疫力が高まる…らしい。鶏肉、赤唐辛子1本をごま油で炒め、火が通ったらセロリ1本きゅうり1本分を投入、塩、こしょうと酒大さじとしょうが1かけを加え完成。
　それと豆腐のしめじあん。
　注目は味噌汁。「最近レパートリーが少ない」とるぅ嬢に言われたのでレシピ検索、そして出てきたのが…ミルクとベーコンの味噌汁。これがまたまろやかないい味で。ちなみにベーコンは先日の鎌倉ハム製であります。