HTML DL、DT、DDタグ生産テーブルデュエルテーブル生産テーブル

過去には、多くのWebデザイナーがテーブルレイアウトを備えたWebレンダリングをWebページに実装するのが好きでしたが、これはより厄介な問題に遭遇します。つまり、後の段階でデバッグして維持することは非常に困難です。現在、ますます多くのフロントエンド開発者がXHTML+CSSを使用して元のテーブルレイアウトを置き換えてWebページの全体的なレイアウトを完了し始めています。これにより、Webサイトの開発コストが削減されるだけでなく、コードがよりセマンティックになります。ただし、これからテーブルが消えたという意味ではありません。実際、個人情報データリストなど、Webページのデータ表現の必要性として多くの人々が使用しています。実際、HTMLのDL、DT、およびDDタグを使用すると、コードを節約し、コンテンツのセマンティクスとコードをより一致させます。もちろん、テーブルにも使用されています。つまり、大量のデータを備えたデータテーブルですが、小さなデータリストとフォームは完全に回避できます。

従来のテーブルを使用してデータリストを作成している場合は、HTMLのDL、DT、およびDDタグを使用して作業を容易にする方法を調べてください...

テーブルデータリスト

従来のテーブルのデータリストコードを以下に示します。各行にTRタグを追加し、タイトルとデータにTDタグを追加する必要があります。タグはTDであるため、スタイルを追加する場合は、各TDにクラス属性を追加する必要があります。