- ベストアンサー
定義リストタグの正しい使い方
定義リストタグ(dl,dt,dd)の正しい使い方が分かりません。 これらのタグを用いてサイドバーを記述しても正しいのでしょうか? 例えば、 <dl class="sidebar"> <dt>最近のエントリ</dt> <dd> <ul class="entry"> <li>エントリ1</li> <li>エントリ2</li> </ul> </dd> </dt> </dl> この記述は構造的には間違っていないと思うのですが、HTMLの意味的に正しいでしょうか?関係があるのか分かりませんが、バージョンはXHTML 1.0 Strictを考えています。
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (3)
関連するQ&A
- リストタグを使ったレイアウトで困っています。
リストタグを使ったレイアウトで困っています。 olタグを使い、入れ子にしたdtタグに書かれた文字列に番号を降っています。 それを下記のようなレイアウトにしたいんです。 1.左側の内容 2.右側の内容 3.左側の内容 4.右側の内容 5.左側の内容 6.右側の内容 単純に1、3、5を1つずつdivでまとめ、CSSでfloat: leftを指定して 2、4、6のdivと交互に書いてます。 すると、Firefoxではリストの番号がちゃんと1、2、3…と表示されたのですが IEでは全て1になってしまい番号が降れていませんでした。 CSS自体はfloatの指定しかしていません。 上記のようなレイアウトをしたい場合、このような考え方ではダメなんでしょうか? htmlのソースは下記のような感じで書いてます。 <ol> <div id="left"> <li> <dl> <dt>左側</dt> <dd>左側の内容</dd> </dl> </li> </div> <div id="right"> <li> <dl> <dt>右側</dt> <dd>右側の内容</dd> </dl> </li> </div> </ol> どなたか分かる方いらっしゃいましたらアドバイスをお願い致します…!
- 締切済み
- HTML
- HTML dlについて
HTML初心者です。 下記をdlタグで定義したいんですがどういう方法がいいんでしょうか? 入れ子にして作ったんですがどうも長ったらしいのでもっと完結にしたいんですが・・・・ うまく全部を関連付ける方法を教えて下さい。 <dl> <dt><ul> <li>1と2と3の題名</li></dt> <dd> <li> <dl> <dt>題名1</dt></li> <li><dd>内容1</dd></li> <li><dt>題名2</dt></li> <li><dd>内容2</dd></li> <li><dt>題名3</dt></li> <li><dd>内容3</dd></dl></li> </dl> </ul> </dd> </dl>
- ベストアンサー
- HTML
- リストタグに入れることのできるタグはないですか?
現在お店のHPで、メニュー表を作っています。 <div class="box1"> <ul> <li class="box2">商品1</li><span class="box3">値段1</span> <li class="box2">商品2</li><span class="box3">値段2</span> <li class="box2">商品3</li><span class="box3">値段3</span> <li class="box2">商品4</li><span class="box3">値段4</span> </ul> <div> という感じでHTMLを書いています。 ですが、聞くところによると<ul>には<span>を入れてはいけないとのこと・・・ 商品と値段は別々のボックスに入れて横に並べたいので、できれば違った要素で囲みたいのですが、可能でしょうか? できなければリストタグは使わずに行こうとおもいますが、なんとかなればしたいとおもいます。 よろしくお願いします。
- ベストアンサー
- HTML
- ul、dlタグでリストを作成すると行間に余白が
とても基本的な質問なのですが、どなたか教えて頂けると助かります。 ul、dlタグを使い、画像を縦に並べようとしているのですが、IEではどうしても画像と画像の間に余白が入ってしまいます。 この余白を消したいのですが、どうすれば宜しいでしょうか? ■htmlの記述 <ul> <li>画像1</li> <li>画像2</li> <li>画像3</li> </ul> <dl> <dt>画像1-1</dt> <dd>画像1-2</dd> <dt>画像2-1</dt> <dd>画像2-2</dd> <dt>画像3-1</dt> <dd>画像3-2</dd> </dl> ■CSSの記述 #ul{ margin:0; padding:0; line-height:0; list-style:none; } #ul li{ margin:0; padding:0; line-height:0; } #dl{ margin:0; padding:0; line-height:0; list-style:none; } アドバイスをどうぞ宜しくお願いします。
- 締切済み
- Mac
- HTMLタグのDL DT DDを使ってliやulの代わり
HTMLタグのDL DT DDを使ってliやulの代わりをしようとしていますが、 liの list-style-image: url("test.gif"); がDL DT DDで表現できません。 違った方法で表示できるのでしょうか? それとも不可能なのでしょうか?
- ベストアンサー
- HTML
- リンク紹介に使える要素は?
例:Google 1.ulを使う場合 <ul> <li><a href="http://www.google.co.jp/">Google</a></li> <p>検索できます</p> <ul> 2.dlを使う場合 <dl> <dt><a href="http://www.google.co.jp/">Google</a></dt> <dd>検索できます</dd> </dl> どちらが正しいのでしょうか、どちらも正しくないのでしょうか? またXHTMLとHTML 4.01で違いはあるでしょうか ご教授よろしくお願いします
- ベストアンサー
- HTML
- リストタグ以外でfloatしたものをセンター寄せに
下記のようにHTMLを組みました。 「.footerNav」を「float:left」して横並びにした上でセンター寄せをしたいと思いました。 しかし何をどうやってもセンター寄せになってくれません。 ちなみに各「div class="footerInner"」の幅設定はしません。 <footer> <nav> <div class="footerInner"> <h4>○○○</h4> <ul class="XXXXX"> <li><a href="#">○○○</a></li> <li><a href="#">○○○</a></li> <li><a href="#">○○○</a></li> </ul> </div> <div class="footerInner"> <h4>○○○</h4> <ul class="XXXXX"> <li><a href="#">○○○</a></li> <li><a href="#">○○○</a></li> <li><a href="#">○○○</a></li> </ul> </div> <div class="footerInner"> <h4>○○○</h4> <ul class="XXXXX"> <li><a href="#">○○○</a></li> <li><a href="#">○○○</a></li> <li><a href="#">○○○</a></li> </ul> </div> </nav> </footer> 調べて見ると、<div class="footerInner">~</div>の単体であれば、 センター寄せができる手段はありました。 <div class="footerInner"> <h4>○○○</h4> <ul class="XXXXX"> <li><a href="#">○○○</a></li> <li><a href="#">○○○</a></li> <li><a href="#">○○○</a></li> </ul> </div> しかし自分のはリストタグではなく、divタグをフロートしたもの。 リストタグではないものを「float:left」してセンタリングは可能なのでしょうか? 何度かこの手のことにはまって、その度にいろいろな手段を試したり検索していたのですが、 検索しても見つからず、結局出来たためしがありません。 それで今回は投稿させていただきました。 ご存知の方いらっしゃいましたらご教授いただければ幸いです。
- ベストアンサー
- CSS
- リストタグ、ブラウザ間の隙間の違いについて
html、cssの質問です。 <dl> <dt>---</dt> <dd>----</dd> <dd>----</dd> </dl> でメニューを作っています。 「---」の部分にはテキストを入れ込み、ブロック表示でテキストを飛ばし 背景に画像を表示させています。 サーバーにあげて仕上がりをみると、IE6とFirefoxで<dd>の隙間が異なり 見え方が微妙にかわってしまいます。 至る所にマージン0などを適応させましたが効果がありません。 どなたかハックなどの解決方法をご存知でしょうか。 ちなみに<dl><dd>の代わりに<ul><li>を使用しても 同じ結果でした。
- ベストアンサー
- HTML
- liタグの中に<p>タグやら<dl>を入れるのはあり?
それともなしでしょうか? たとえば、作品実績みたいなのを羅列するとき 「画像」 「タイトル」 「簡単な説明」 を乗せたいときはどうしますか? <ul> <li> <p>画像</p> <dl> <dt>タイトル</dt> <dd>説明</dd> </dl> </li> </ul> こんな感じを考えたのですが・・・ <li>(作品)ごとにボーダーボトムで区切りたいかなと考えております。 <li></li>の中に他のタグを入れないほうがいいときいたこともあるんですが、皆さんならどうしますか? </ul>
- ベストアンサー
- HTML
お礼
私もこういったメニューを「用語とその説明」として記述することが若干違和感がありました。私の中で見出しとリストというのはすっきりするものがありました。回答ありがとう御座いました。