- ベストアンサー
ULタグ等を使ってリスト化するのが主流ですか？
スマホサイトで表を作る際は テーブルタグを使うのではなく、 jQueryMobileを使って ULタグ等を使ってリスト化するのが主流ですか？ あまりテーブルタグはスマホサイトでは使われないですか？
- SAKMWGZAMTVS
- お礼率83% (36/43)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
表はtable リストはul, ol, dl スマホだからということではなくタグの意味で使い分けましょう。 スタイルはCSSでどうとでもなります。 jQuery Mobileを使うのは主流とまではいかないでしょう。
関連するQ&A
- 表とリスト（ulとtable）の違いについて教えてください。
表とリスト（ulとtable）の違いについて教えてください。 HTMLでは、ulがリストで、tableが表を作るときに使用します。 リストとは、お問い合わせリストや、相互リンクリストなど、 一覧のような使い方もします。 表も同じように、アクセス結果表や、売上飲料水ランク表など、 これも、一覧のような使い方をします。 （言葉上での解釈） HTML上で出来ないことは、ulの方は、tableで言うtdタグがなく、 一行一単語という感じですよね。 だけどこれは、レイアウト上の問題であって、 レイアウトのためにタグを選択するのは間違っています。 タグを正しく使うために、 表とリストの違い、つまり、ulとtableの違いを知らないといけません。 参考になればとも思っているので、 正しい答えがわからなくても、 「僕はこう思ってる」や 「僕はこう使い分けてる」というのでも教えてください。
- ベストアンサー
- HTML
- UL OL タグの使い方
「以下」もわからずに <BR>以下としていますが、 以下と1.順序付きリスト...の間が開かないようにしたいのですが 良い方法はありますか？ --------以下見え方 ----- ・順不同リストULタグ 以下 <-------------- ここに隙間をなくしたい。 1.順序付きリストolタグ 2.同じく --------ソース---------- <UL> <LI>順不同リストULタグ <BR>以下 <OL> <LI>順序付きリストolタグ <LI>同じく </OL> </UL>
- ベストアンサー
- HTML
- UL、LIタグの黒丸なしのリスト
お世話になります。 以下のソースを IEで見ると黒丸なしリストと黒丸ありリストになるのですが FireFoxですと、どちらのリストも黒丸ありのリストになります。 ・これはIEのバグになるのでしょうか？ ・IE・FireFoxともに黒丸なしのリストにしたい場合UL、LIタグで出来ますでしょうか？ ご存知でしたら、申し訳ありませんがご教授よろしくお願いいたします。 <html> <title>ULタグテスト</title> <body> 黒丸なしリスト <ul style="width:150px;"> <li>list1</li> <li>list2</li> <li>list3</li> </ul> 黒丸ありリスト <ul> <li>list4</li> <li>list5</li> <li>list6</li> </ul> </body> </html>
- ベストアンサー
- HTML
- IE8において<ul>タグのマーカーの見え方
IE8で自分のホームページを見ると、ULタグのリストマーカーが極小の点に写り見づらくなりました。同じIE8のブラウザでも、IE7以前と同じマーカーで見れるサイトもあり、どうしてリストマーカーの表示が違ってくるのかが分かりません。 わかる方がいらっしゃればどうかご教授お願いします。
- 締切済み
- HTML
- UL OL タグのインデントについて
UL OLタグでリストを作った時、通常下記のように表示ますが、 リスト ・項目１ ・項目２ ・項目３ これを リスト ・項目１ ・項目２ ・項目３ のように<li>でくくったものをインデントさせないで表示することは可能でしょうか？
- ベストアンサー
- HTML
- リスト（ul / li）タグの左インデントの解除
HTML、CSSの初心者です。 リスト（ul / li）タグの左インデントの解除の仕方がわかりません。 IE系とMozila系でインデント解除の方法を教えていただけないでしょうか。 ◆現在の書き方 ----------------- ・HTML <ul id="navi"> <li>サンプル</li> <li>サンプル</li> <li>サンプル</li> <li>サンプル</li> <li>サンプル</li> </ul> ----- ・CSS #navi ul {list-style: none; margin: 0; padding: 0;} #navi li {list-style: none; float: left; margin: 0; padding: 0;} ----------------- よろしくお願いいたします。
- 締切済み
- HTML
- ＜ul＞タグを使うと勝手に＜p＞タグになる
どなたか教えてください・・ワードプレスでサイトを作っています。 ＜ul＞などのリストタグを使うと、その前にある文章が＜p＞＜/p＞でくくられてしまいます。 ＜br /＞にしても、リストタグを使うとそうなってしまうのですがどうすればいいでしょうか。 なぜ、勝手にタグが書き換えられてしまうのか知りたいのです。 これはもうワードプレスのシステムの問題で自動的にそうなってしまうのでしょうか・・そのへんのことはよくわからないのですが。この質問をするにあたって何をお伝えすればいいのかわからないので、疑問な点ありましたら聞いてください。追記いたします。 ＜p＞タグは行送りの間隔が広いのでデザイン的に見映えが悪くなり、使いたくないのです。 テーブルを使うなどするしかないんでしょうか？ 表とかはあまり使うなと先輩にいわれているので、できればこの問題を解決できればうれしいです。よろしくおねがいいたします。
- 締切済み
- HTML
- ulを使ったパンくずリストの使い方で困っています
ulを使ったパンくずリストの使い方で困っています パンくずリスト初めに現在位置という見出しを付けたいんですが <div id="pankuzulist"> <h3>現在位置</h3>もしくは<spna>現在位置</span> <ul> <li>1_page</li> <li>2_page</li> <li>3_page</li> <ul> </div> と <ul> <li>現在位置 <ul> <li>1_page</li> <li>2_page</li> <li>3_page</li> </ul> </li> </ul> という書き方を考えたんですけどこれはタグの使い方等々などから考えた場合どちらを使うべきでしょうか？
- 締切済み
- HTML
- ul、dlタグでリストを作成すると行間に余白が
とても基本的な質問なのですが、どなたか教えて頂けると助かります。 ul、dlタグを使い、画像を縦に並べようとしているのですが、IEではどうしても画像と画像の間に余白が入ってしまいます。 この余白を消したいのですが、どうすれば宜しいでしょうか？ ■htmlの記述 <ul> <li>画像１</li> <li>画像２</li> <li>画像３</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
- <ul>タグの後の<div>タグのmarginについて教えてください
<ul>タグの後の<div>タグのmarginについて教えてください 現在制作しているホームページで下記のようなタグを書きました。 ☆・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・☆ ul.menu-a {margin:0; padding:0;} ul.menu-a li {float:left; text-indent:-9999px; overflow:hidden; list-style:none;} ul.menu-a li a {display:block; width:100px; height:100px;} li.menu-a1 a {background:url(◯.gif) 0 0 no-repeat;} li.menu-a1 a:hover {background:url(◯.gif) 0 -100x no-repeat;} li.menu-a2 a {background:url(◯.gif) -100px 0 no-repeat;} li.menu-a2 a:hover {background:url(◯.gif) -100px -100px no-repeat;} .font{color:#000000; margin : 100px 0px 100px 0px; border: 1px ;} <img src="image/123.gif"> <ul class="menu-a"> <li class="menu-a1"><a href="123.html">123</a></li> <li class="menu-a2"><a href="456.html">456</a></li> </ul> <ul class="menu-b"> <li class="menu-b1"><a href="abc.html">abc</a></li> <li class="menu-b2"><a href="efg.html">efg</a></li> </ul> <div class="font">あいうえお</div> ☆・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・☆ ※<ul>部分はオンマウスで画像が変わるように外部スタイルシートで指定しています。 ※長くなるのでul.menu-bのスタイルシート部分は省きましたがul.menu-a とほぼ同じです。 このようなタグの場合、<div class="font">あいうえお</div>の部分に指定している margin要素は1番上の<img src="image/123.gif">から考えた数値になるのでしょうか？ <ul class="menu-b">の後から考えるものだとばかり思っていたのですが あれこれ試していく中で、今回のような<ul>の使い方をしている場合は <ul>タグの存在は無視するべきなのでは？と思い至ったのですが確証には至らず ここで質問させて頂きました。 様々な本やサイト様を参考させては頂いてるものの 自己流・付け焼き刃な知識しかないものでおかしな質問になっていたらすいません。 詳しい方がいらっしゃいましたら、どうぞよろしくお願いします。
- ベストアンサー
- HTML
お礼
ありがとうございました。