dtをfloatする場合の注意点 | d-spica
dtをfloatする場合の注意点 2008-05-12 0 0 XHTML/CSS CSS, dl, float dl の定義リストで，dt を float させることがよくあります。このとき注意したい点をまとめておきます。 新着情報のようなところで，更新日を dt で，更新内容を dd でマークアップした場合を想定してみましょう。 まず，XHTMLでのマークアップは次のような感じです。 <dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-07</dt> <dd>ページ3を更新しました。テキストテキストテキスト...。</dd> <dt>2008-05-06</
idの命名に迷ったら | d-spica
idの命名に迷ったら 2007-10-19 0 0 XHTML/CSS Role, XHTML 以前こんなエントリーを書きました。 id="header"で問題ないのでは id，class名をどうふるとよいか，しばしば悩みます。いくつかのパターンがあって，そのどれかを使うのですが，明確な基準というものはありませんでした。 XHTML Role 属性モジュール 先日W3Cから，「XHTML Role 属性モジュール」の最終草案が出されました。 XHTML Role 属性モジュール（日本語訳） 部分的に引用してみます。 概要 この仕様で定義される XHTML Role 属性は、作成者が要素に役割を与えるための属性です。機械で抽出可能な意味情報を要素に与えることで、XML を用いた言語に注釈を与えることができるようになります。ユースケースとして、アクセシビリティやデバイスアダプテーション、サー
dlで写真をマークアップ | d-spica
dlで写真をマークアップ 2007-02-15 0 0 XHTML/CSS CSS, dl, XHTML dl，dt，ddの定義リストで写真をマークアップしてみました。 八ヶ岳・甲斐駒ヶ岳 の記事に写真を何枚か載せました。写真とその説明（キャプション）のセットでは，dt要素によって説明する対象を示し，dd要素にその説明を書くと，文書の構造がはっきりします。 <p><img src="/photo/yatsugatake02.jpg" alt="八ヶ岳" /><br /> 山梨県韮崎市神山町鍋山からの八ヶ岳。</p> と，下の記述を比べてみてください。 <dl class="image"> <dt><img src="/photo/yatsugatake02.jpg" alt="photo:八ヶ岳遠景" /></dt> <dd>山梨県韮崎市神山町鍋山からの八ヶ岳。</dd> </dl> dt
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
