この記事では、主に、関連するCSSやJavaScriptプログラミング方法を含む高性能HTMLアプリケーションを作成するためのいくつかの提案を紹介します。それを必要とする友達は、Webパフォーマンスを改善する方法を参照できますか?
ほとんどの開発者は、JavaScriptと画像を介して最適化し、ファイルをzip、サーバー構成、zipファイル、さらにはCSSを調整します(小さな画像のマージ)。
貧しいHTMLは、常にWebのコア言語であったとしても、常に無視されます。
HTMLはますます大きくなっています。上位100のWebサイトは、HTMLページごとに約40kです。 AmazonとYahooは何千ものHTMLページを使用しています。 YouTube.comのメインページには、最大3500のHTML要素があります。
HTMLの複雑さの減少とページの要素の数は、解析時間を大幅に改善しませんが、HTMLは高速のWebページを構築し、さまざまなデバイスに適応し、成功に影響を与える重要な要素です。
この記事では、デバッグとメンテナンスが簡単な複数のデバイスをすばやくロードおよびサポートするWebサイトを作成できるクリーンでクリーンなHTMLを作成する方法を学びます。
コードを書く方法、特にHTMLを記述する方法は1つだけではありません。これは一般的な経験の単なる説明ですが、それは唯一の正しい選択ではありません。
HTML、CSS、およびJavaScriptHTMLは、構造とコンテンツを表すために使用されるマークアップ言語です。
HTMLは、スタイルやスタイルを表示するために使用しないでください。タイトルタグ(H1〜H6)にテキストを書いて大きく表示したり、インデントにBlockQuotes要素を使用したりしないでください。代わりに、CSSを使用して、要素の外観とレイアウトを変更します。
HTML要素のデフォルトの外観は、ブラウザのデフォルトスタイルであるFirefox、Internet Explorer、Operaはすべて異なります。たとえば、Chromeでは、デフォルトのH1要素が32pxのサイズになります。
3つの基本原則:
HTMLを使用して構造を表すために、CSSはさまざまなスタイルとテーマを表現するために使用されます。ユーザーの動作に応答するJavaScript。
HTMLを使用し、必要に応じてCSSを使用し、許可されていない場合はJavaScriptを追加します。たとえば、多くの場合、検証にはHTMLフォームを使用し、CSSまたはSVGを使用してアニメーションを実装する場合があります。
CSSとJavaScriptをHTMLコードから分離します。それらをキャッシュしてください。これにより、コードのデバッグが容易になります。生産では、CSSとJavaScriptは圧縮可能で合併され、ビルドシステムの一部である必要があります。注* JavaScript Construction(編集)システム競争を参照してください
ドキュメントドキュメント構造
HTML5のドキュメントタイプの使用:
XML/HTMLコードコピーコンテンツにクリップボードに