表とリスト(ulとtable)の違いについて教えてください。
HTMLでは、ulがリストで、tableが表を作るときに使用します。
リストとは、お問い合わせリストや、相互リンクリストなど、
一覧のような使い方もします。
表も同じように、アクセス結果表や、売上飲料水ランク表など、
これも、一覧のような使い方をします。
(言葉上での解釈)
HTML上で出来ないことは、ulの方は、tableで言うtdタグがなく、
一行一単語という感じですよね。
だけどこれは、レイアウト上の問題であって、
レイアウトのためにタグを選択するのは間違っています。
タグを正しく使うために、
表とリストの違い、つまり、ulとtableの違いを知らないといけません。
参考になればとも思っているので、
正しい答えがわからなくても、
「僕はこう思ってる」や
「僕はこう使い分けてる」というのでも教えてください。
No.4
- 回答日時:
tableはかなり足場が曖昧な要素で、本来必要ないが無いと困る要素みたいな感じがします。
段と行しかないので関連した情報であることを表現するためではなく、非常に限定的な分類のみに特化しているというか。もしかしたら単純にexcelをhtmlに持っていきやすいという理由なのかもしれません・・・
なので基本はリストで、きっちり表で書けるものは表で書けばいいという感じに落ち着いています。
それとは別に、共通するグループで分類したい場合は、リストでマークアップした後class属性を指定しておくという方法も考えられます。
おー。
求めてた答えに近いかもしれません。
基本、tableは使わないということですね。
確かに曖昧で、無くてもいいけど、、、ん~、、、という感じですねw
グループ化は、html5だと、articleタグで囲むというのもありですね。
ただ、今の技術で、
ulだけでtableでつくっていた行列の構造が作れるか心配ですw
まぁ修行ですねw
ありがとうございます。
参考にします。
No.3
- 回答日時:
箇条書き(ul)と、二次元の構造を持ったデータ(table)という違いです。
tableでも箇条書きを表現できるというのはお書きの通り。
ですよね。
1次元で表現するのか、2次元で表現するのか。
今まではこう使ってました。
だけど、見た目はCSSで、htmlはマークアップを
というのを徹底してみたくなったのでw
見た目の理由だけでタグを決めたくないなとw
ありがとうございます。
参考にします。
No.2
- 回答日時:
私の考え方ですが。
・一覧表ではなく「箇条書き」で言い換えられる内容であれば<ul>または<ol>。
・一覧の中で「見出し」「内容」が明確に区別できるなら<table>
・見出しと内容ではなく「定義」と「解説」であれば<dl>
見出しと内容は、
td、thでマークアップできるので、
これは正しいかもしれませんね。
ただ、定義と見出し、解説と内容の違いも曖昧ですねw
こうなると、ulとtableは使い分けられますが、
tableとdlの違いも気になってきますねw
ありがとうございます。
参考にします。
No.1
- 回答日時:
一覧表を作る時、各レコードの項目に意味が有る時、それを並べて見たいときには
<table>を使い、単にレコードを順番に列挙するだけでいい時は
<ul>か<ol>を使います。あるいは微妙なとこですが、
<dl>
<dt>見出し</dt>
<dd>説明</dd>
-------
</dl>
もよく使います。
ありがとうございます。
参考にします。
項目の意味の違いはtableではマークアップ出来ないので、
見た目だけで選んでるという感じですね。
複数行複数列の場合はtableという感じですかね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLのdlとul どちらが正しいと思いますか 3 2023/02/23 11:20
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- その他(プログラミング・Web制作) pythonリストの特定の値を表示htmlで表示できない 2 2022/05/14 05:48
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- HTML・CSS リストの並べ替え 1 2022/09/13 15:27
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- その他(データベース) Microsoft Accessについて 1 2022/06/06 16:20
- Google Maps Googleマップ 複数端末で同一アカウントを使っているのにパソコンでのみ表示が異なる 1 2022/07/16 21:03
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
テーブルの一部分のセルだけに...
-
Tableタグで作成した表の縮小
-
table内の画像を中央寄せ、のせ...
-
テーブル内のテーブルの高さを...
-
HTMLでテーブルタグ<table>を使...
-
インラインフレームの表示方法
-
リストの記号を括弧付きの文字...
-
FireFoxで背景が表示されない。
-
cssで、テーブルのtdの中の文字...
-
同じクラス名はつけないほうが...
-
divで囲んだ文字が消える
-
4カラムのテーブルに絶対幅と相...
-
Tableタグ内のspan styleが適応...
-
td要素内のdiv要素をセンタリン...
-
td width="180" と固定してるの...
-
テーブルで画像を並べるときに・・
-
スタイルシートでpaddingを使う...
-
IEだけの現象 form内の部品が...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
テーブル内のテーブルの高さを...
-
cssで、テーブルのtdの中の文字...
-
XHTMLに関する質問 順序が逆に...
-
vbscriptで時計を作りたい
-
Tableタグで作成した表の縮小
-
Tableタグ内のspan styleが適応...
-
formのinputなどの幅100%指定
-
Firefoxを使ってるのですがズー...
-
divで囲んだ文字が消える
-
商品詳細を横並びに表示する方法
-
表とリスト(ulとtable)の違い...
-
入れ子にしたテーブルをheight1...
-
TDタグ内での均等割付の仕方
-
テーブルのセル内の隙間を取れ...
-
td要素内のdiv要素をセンタリン...
-
HTMLのテーブルでそれぞれの大...
おすすめ情報