ホーム > 2006年5月 >

dl要素の応用例、ご意見募集

XHTML+CSS (r)evolution で扱うテーマのひとつ、「dl要素の応用例」についてご意見を募集します。

例:
日付と新着情報
リンク先とその説明(またはURL

これはと思うものは、本編でご紹介させていただきますので(お名前/ハンドルネーム、サイト/ブログのURLつき)、ぜひ率直なご意見をコメント/トラックバックで、または revolution(at)cybergarden.net までお寄せください。

トラックバック

トラックバックのURL:
http://www.cybergarden.net/mt/mt-tb.cgi/377

» [web][html][spec] dt要素の応用例 from つれづれ
XHTML+CSS (r)evolution: dl要素の応用例、ご意見募集 より引用。 XHTML+CSS (r)evolution で扱うテーマのひ... [Read More]

Tracked on 2006年5月31日 21:50

» img要素のタグ付けについて考える from F+R (FplusR)
XHTML+CSS (r)evolutionに反応してみるエントリーが続きます... [Read More]

Tracked on 2006年6月19日 17:33

» Buy tramadol online from discount pharmacy store. from Buy tramadol online from discount pharmacy store.
Buy tramadol online from discount pharmacy store. Discount tramadol. [Read More]

Tracked on 2009年4月24日 06:49

コメント

月並みですが、開催情報(日時、場所)。また、日付と新着情報の応用例として、会社情報の沿革の欄で、年とできことなどもdlで記述できると思います。

ほかのエントリーで益子さんが定義されているように、新着情報に代表される日付と内容のセットは、やはりそういったタグがあってしかるべし、と考えます。

Posted by たまくろう on 2006年12月14日 19:53

見かけるのでは、お問い合わせなどのフォームを、
dl要素などつかってるところもありますね。

Posted by ガク on 2006年12月14日 19:54

会社案内。dt:電話番号、dd:03-3333-3333、などと。

ナビゲーションメニュー。
リストの入れ子をするよりもわかりやすいので使いまくっています。

(最近、dlマニアになっているような気も・・・)

Posted by floral on 2006年12月14日 19:55

お知らせ、新着情報、Sidenavはもちろん、サイトマップにもdl要素を使用しています。
企業サイトは、箇条書きのテキストが多いので、背景色、border、background等テーマにあわせたdl要素のバリエーション(dl#xxxxx)を用意し使い分けています。

Posted by 銀子 on 2006年12月14日 19:56

年表。企業の沿革などのページに使用しました。
「dt:19xx年6月、dd:x村x輔が代表取締役に就任」など。

とココまで書きましたが、たまくろうさんが
既に書いていらっしゃいましたね(汗)

あとは、役員紹介のページで、
「dt:代表取締役、dd:x村x輔」などと使いましたが、
同じ地位の方が複数人いるときの処理をどうするのか?
と悩みました。

その場合、ddの中身を
で改行し、複数人入れて
しまったのですが、間違っている気もします(わーん)。

例えば、
「dt:執行役員、dd:x山x彦
x川x朗」です。

Posted by crema on 2006年12月14日 19:57

>同じ地位の方が複数人いるときの処理をどうするのか?

ddを2回使っていいのではないでしょうか? あれ、違った?
益子先生、6日に教えてください。

Posted by たまくろう on 2006年12月14日 19:59

Yahoo!カテゴリの制作者です。
DOCTYPEはhtml4.01ですが、
[dl]を多用して情報の構造化、グループ化を行いました。

・右カラムの「プロフィール」、「CD」、「ニュース」などがそれぞれ[dl]ブロック
・見出し「プロフィール」の部分を[dt]。
・それ以下の詳細情報が[dd]。
・[dd]内を[ul]で入れ子にして、「アーティスト名」「写真」「誕生日」「出身地」「血液型」「詳細リンク」をそれぞれ[li]としてマークアップ。

本来は[li]内を見出しと内容に分割すべきかもしれませんが、マークアップの入れ子構造が複雑になりすぎると判断して、ここまでにとどめました。

Posted by キムラ on 2006年12月14日 19:59

追記します。上記の参照URLです。

■Yahoo!カテゴリ - 芸能人、タレント > 浜崎あゆみ
http://dir.yahoo.co.jp/Entertainment/TV_People/Hamasaki_Ayumi/

Posted by キムラ on 2006年12月14日 20:00

皆さま、いろいろとご意見ありがとうございます。
できる限り本編で取り上げさせていただきます。

Posted by 益子 on 2006年12月14日 20:01

コメントを書く

« 何がWeb標準に含まれるのか、ご意見募集 | ホーム | MdNから「オリジナルトートバッグ」をプレゼント »

Feed: RSS 1.0, RSS 2.0, and Atom 1.0 | Powered by Movable Type 4.1.
Copyright © 2006-2008 Takahiro Mashiko and Collaborators. All Rights Reserved.