ホームページ >ウェブフロントエンド >htmlチュートリアル >DIV+CSS と Table_html/css_WEB-ITnose の比較

DIV+CSS と Table_html/css_WEB-ITnose の比較

WBOY
WBOYオリジナル
2016-06-24 12:33:161066ブラウズ

最近、私は会社のプロジェクトのインターフェースの美化を担当しましたが、ネストされたテーブルは非常にひどいもので、インターフェースに多大な不便をもたらしましたが、辛抱強く修正した結果、ようやく完成しました。
テーブルの代わりに DIV+CSS を使用する利点については、次のとおりだと思います:
1. ページ コードが大幅に削減され、ページの閲覧速度が向上し、帯域幅コストが削減されます。
2. 後のコードのメンテナンスが容易になり、変更が短縮されます。更新に役立ちます。
3. 構造が明確で、パフォーマンスとコンテンツが完全に分離されているため、再構築に役立ちます。
今日、園芸友達が div と table の違いは速度ではなく読み込み方法だと言っているのを見て、少し理解できました。
具体的には:
div のロード方法は、

に遭遇するとすぐにロードされ、
に遭遇しない場合、div 内の内容は読み取られるだけロードされます。

に遭遇した後、
を読み取る前に、テーブルのコンテンツがロードされないか、送信が中断されます (document.onload() イベント)。ブラウザのバージョンによっても同様です

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。