html5 はどのようなルールに従う必要がありますか?

html5 の守るべきルール: 1. レイアウトに DIV をうまく活用する; 2. HTML タグと CSS スタイル シートを分離する; 3. CSS コードを最適化する; 4. JS ファイルを最適化してページの下部に配置する; 5. title 要素を上手に活用する; 6. 適切な HTML タグを適切な場所に使用する; 7. div タグの乱用を避ける。

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML は 20 年近くの開発を経てきました。 HTML4 から XHTML、そして最近非常に人気のある HTML5 に至るまで、インターネット全体の発展をほぼ目撃してきました。ただし、現在でも、開発者が細心の注意を払う必要がある基本的な概念や原則が数多くあります。 Web フロントエンド開発トレーニングの編集者が、従うべき HTML5 開発原則を紹介します。

1. レイアウトに DIV を上手に活用する

Web ページを開発するとき、考慮すべきことの 1 つは、ページの焦点を区別することです。これらのコンテンツを DIV タグに含めることで、ページ上のコードが整然と適切にインデントされて表示されます。

2. HTML タグと CSS スタイル シートを分離する

良いページでは、HTML タグと CSS スタイル シートを分離する必要があります。これは、Web 開発に取り組むすべての Web 開発者が知っておくべき原則です。しかし、今日に至るまで、この原則に厳密に従っていない開発者がまだ多くいます。

スタイル シート コードを HTML タグに埋め込まないでください。開発者は、CSS スタイル シートを保存するための別のファイルを作成する習慣を身に付ける必要があります。これにより、他の開発者がコードを変更するときに作業を迅速に完了することが容易になります。

3. CSS コードの最適化

現在、複数の CSS ファイルを Web サイトに追加するのが一般的です。ただし、Web サイトに含まれる CSS ファイルが多すぎると、Web サイトの応答速度が遅くなります。解決策は、コードを合理化し、複数の CSS ファイルを最適化し、それらを 1 つのファイルにマージすることです。この方法により、Web サイトの読み込み速度が大幅に向上します。さらに、CSS Optimizer、Clean CSS など、CSS ファイルの最適化に使用できるツールが多数あります。

CSSに関しては、知っておきたい優れたCSSフレームワーク10選も紹介しており、CSSフレームワークの種類や関連した使い方について知ることができます。

4. JS ファイルを最適化し、ページの下部に配置します

CSS と同様に、複数の JS ファイルをページに追加することも一般的です。ただし、これにより Web サイトの応答速度も低下します。このため、開発者はこれらの JS ファイルを合理化して最適化する必要があります。

ただし、CSS とは異なる点が 1 つあります。ブラウザは通常、並列読み込みをサポートしていません。これは、ブラウザが JS ファイルを読み込むときに、他のコンテンツを同時に読み込まなくなることを意味します。これにより、Web ページの読み込み速度が遅くなったように見えます。

良い解決策は、JS ファイルの読み込み順序を最後に置くことです。この目標を達成するには、開発者は JS コードを HTML ドキュメントの下部に配置できます。適切な場所は

以上がhtml5 はどのようなルールに従う必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。