No.3ベストアンサー
- 回答日時:
リストと表の違いで区別するのが良いでしょう。
ul li は、デフォルトで、頭に " ・ " が付きますから、
HTML(マークアップ)的に考えれば、箇条書きです。
表は、エクセルで作る様な「表」と考えれば良く、
セルの枠線(border)が表示されても表現的に問題ない場合が「表」です。
マークアップを無視して、レタリングだけなら、
CSSで、どちらでも(それ以外の方法でも)同じに表示出来ます。
また、tableの場合、クローラーのセルの読み込み順が変わる場合がありますので注意が必要ですし、旧IEでの差異もあります。
後から、セルの追加で列計算がある場合に修正がちょっと面倒です。
CSSが利用出来る昨今は、tableが嫌われる方向です。
大きなtableは読み込みが遅くなるので、表示が遅くなります。
初心者は、簡単にtableレイアウトで全体を作る事が出来るので、
利用しがちだったり、某簡易ソフトもtableレイアウトが多いですね・・・
良く見掛けるのは、ナビ(グローバル)メニューの部分ですが、
table でも ul でも作れますが、項目リストと考えれば、
ul li が正解でしょう。簡単なのはtableで固定する方法ですが・・・
No.2
- 回答日時:
私は基本li要素を使います。
tableを使おうと思うときがあるのは、文章というよりは分類でtableでしか表示できない時(データ・対戦表など)やどっちでも表現できるけれど比較しやすいからというとき(料金プラン・スペック表など)です。
li・table要素どっちでも表現できる場合、li要素のメリットは閲覧者が一つ一つの項目ごとに分けて見やすくなることで、table要素のメリットは前にも挙げましたが項目ごとの比較がしやすくなることではないでしょうか。
どちらもデメリットはあまりない気がしますが、tableを使うとブラウザごとの実装の差でデザインに融通が利き辛いことでしょうか。
たまにカレンダーをli要素でマークアップして実現するのを目にしますがあれもそういう理由からだと思います。(マークアップ的には微妙に思いますが)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS リストの並べ替え 1 2022/09/13 15:27
- HTML・CSS HTMLのdlとul どちらが正しいと思いますか 3 2023/02/23 11:20
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- Excel(エクセル) エクセル マクロ A列の <table> ~ </table>までを C列に抜き出したい 6 2023/04/01 01:28
- その他(学校・勉強) この中で間違ってある説明はありますか?詳しい方に教えていただきたいです。 A. 1つのプログラムが複 2 2023/07/14 01:15
- PHP PHPの構文で間違えが分からない 5 2022/07/11 16:38
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブル内のセル間にスペース...
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
tableのcellpadding="0" cellsp...
-
テーブルとテーブルの間隔について
-
同じ幅指定のつもりなのに、ブ...
-
textareaの外側の文字が下付き...
-
DreamWeaverでテーブルをCSSに...
-
ラインを端から端まで画面いっ...
-
table表を横に並べる際の間隔指定
-
<fieldset>タグについて
-
テーブル幅が固定できない
-
html5のテーブル内でdivのタブ...
-
css(div)の中にtableタグを使う...
-
(HTML)Tableを任意の位置に置...
-
CSSで<table>を横に並べるよう...
-
幅のサイズはそのままで、真ん...
-
こういった事がしたいのですが...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
HTML tableのセルにtextareaを...
-
(HTML)Tableを任意の位置に置...
-
同じ幅指定のつもりなのに、ブ...
-
<fieldset>タグについて
-
画面幅に合わせてテーブルのカ...
-
tableを縦に続けるとtable間の...
-
html5のテーブル内でdivのタブ...
-
テーブル内のセル間にスペース...
-
ホームページのテキストを折り...
-
TR タグの表示・非表示を一括で...
-
tableの位置がIEとその他ブラウ...
-
textareaの外側の文字が下付き...
-
テーブルの高さを100%にしたけ...
-
ラインを端から端まで画面いっ...
おすすめ情報