エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ulとli要素でテーブル風の表組み(段組み)を作ってみる
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ulとli要素でテーブル風の表組み(段組み)を作ってみる
Tableタグを使わずにulとliを使ったリスト形式で表組み(段組み)を作るほうが、セマンテックな観点から... Tableタグを使わずにulとliを使ったリスト形式で表組み(段組み)を作るほうが、セマンテックな観点からは適切な場合があります。SEO的にも多少は有利だと思います。綺麗に仕上げるコツはspanの使い方にあります。罫線や背景色を付して表組のセルがあるように見せることもできます。 テーブルとリストの違い 表組みを作るときはTableタグを使うのが一般的です。しかし、Tableタグを使って表組み(段組)を作ると、セルとセルの間の論理関係が明確になりません。 例をあげます。 Tableを使って書くと たとえば、3人の人物の担当楽器を表にする、という場合、Tableタグを使った表のソースコードは下記のとおり。 <table> <tr><td>愛美ちゃん</td><td>ピアノ</td></tr> <tr><td>Tomoくん</td><td>ベース</td></tr> <tr><td>さおりさん<