現在、ますます多くのフロントエンド開発者がXHTML+CSSを使用して元のテーブルレイアウトを置き換えてWebページの全体的なレイアウトを完了し始めています。これにより、Webサイトの開発コストが削減されるだけでなく、コードがよりセマンティックになります。ただし、これからテーブルが消えたという意味ではありません。これは、個人情報データリストなど、Webページ上のデータ表現の必要性として多くの人々によって使用されています。実際、HTML DL、DT、およびDDタグを使用すると、コードを節約し、コンテンツのセマンティクスとコードをより一致させます。もちろん、テーブルにも使用されています。つまり、大量のデータを備えたデータテーブルですが、小さなデータリストとフォームは完全に回避できます。
まだ従来のテーブルを使用してデータリストを作成している場合は、HTML DL、DT、およびDDタグを使用することで作業が簡単になる方法を確認し続けてください...
テーブルデータリスト
従来のテーブルのデータリストコードを以下に示します。各行にTRタグを追加し、タイトルとデータにTDタグを追加する必要があります。タグはTDであるため、スタイルを追加する場合は、各TDにクラス属性を追加する必要があります。
コードをコピーします