wulin.comの記事紹介(www.vevb.com):HTML5はコンピューターの相互作用を作り、人間のネットワークの相互作用がより快適になり、ユーザーに適合します。豊富なメディアアプリケーションのサポートの以前の不足とこのストレージは、もはやブラウザにとって苦痛ではありません。 HTML5革命の当初の意図は、コンテンツプラットフォームから標準化されたアプリケーションプラットフォームにWebを宣伝し、各プラットフォームキャンプの標準を統合することです。
HTML5とは、ここで詳しく説明する必要はありません。私の理解によれば、HTML5の革新は、セマンティックラベルシステム、単純化された伝統的な中国語、魔法のローカルデータストレージテクノロジー、プラグインなしのリッチアニメーション(CANVAS)、および強力なAPIサポートを備えたリッチメディアサポートとして要約できます。要するに、HTML5はコンピューターの相互作用を行い、Human-Networkの相互作用はより快適になり、ユーザーに適合します。豊富なメディアアプリケーションのサポートの以前の不足とこのストレージは、もはやブラウザにとって苦痛ではありません。 HTML5革命の当初の意図は、コンテンツプラットフォームから標準化されたアプリケーションプラットフォームにWebを宣伝し、各プラットフォームキャンプの標準を統合することです。
この記事では、HTML5の革新の1つである、より明確で簡潔な構造を紹介します。
最初から標準のXHTMLヘッダーコードは次のようになります。
上記は、ヘッダー、記事ディスプレイ領域、右側の列、および下部で構成されるシンプルなブログページパートHTMLです。エンコーディングはきちんとしており、XHTMLのセマンティクスに適合します。これはHTML 5でも適切に実行できます。しかし、ブラウザでは、これは、対応するブロックを定義するセマンティックを理解できるタグではなく、重みを区別しないコードです。たとえば、標準的なブラウザー(Firefox、Chrome、さらにはIE9の新しいバージョンなど)には、顧客がページナビゲーションに直接ジャンプするように導くショートカットキーがありますが、問題はすべてのブロックがDIVによって定義され、DIVのID値が開発者によって決定されることです。新しいHTML 5タグの出現は、この欠点を補っています。次に、上記のコードがHTML 5に置き換えられている場合、次のように書くことができます。
HTMLページ構造は非常に美しいため、コメントなしで一目で見ることができます。ブラウザの場合、対応するブロックを見つけたときに途方に暮れなくなります。
さらに、HTML5は現在すべてのブラウザーではサポートされていませんが、100バイト以上を節約できるこのヘッダー(毎日のPVレベルが100万以上のサイトの場合、トラフィックを大幅に節約できます)。ブラウザ解像度モードで調査した場合、ページがDoctypeを定義せずに奇妙なモードをトリガーすることを知っておく必要があります。ブラウザが定義されている限り、特定のタイプのDTDを指定せずに標準モードでページを解析できます。
新しいセマンティックラベリングシステム
セマンティックコーディングは、資格のあるフロントエンド開発者に必要なスキルですが、Webページがますます豊富になるにつれて、元のXHTMLタグをDesemanateに使用するだけでもそうすることができないことは明らかです。神は言った:光があるに違いない!その後、光があります。したがって、HTML 5は、最新のWebサイトの典型的なセマンティクスを反映するために、一連の新しいタグと対応する属性を提供します。真実を生み出すために練習します。例を書きましょう:
どちらがより複雑で、どれが単純なものであるかを言う必要はありません。はい、HTML5ヘッダーは非常にシンプルであるため、簡単に記憶できます!そして、最後の角度ブラケットの前のケース、引用、バックスラッシュは無視できます。
なぜそんなにゆるいことができるのですか?実際、XHTMLがテキスト/HTMLとして送信された場合、ブラウザもそれをうまく解析することができ、ブラウザはコードの構文を気にしません。したがって、HTML 5は形而上学的であり、元の標準の一部を破る可能性がありますが、ブラウザではうまく機能する可能性があります。
もちろん、チームの支援とその後のメンテナンスの便利さのために、次のような執筆スタイルを統合する必要があります。
標準のHTML5ヘッダーがどのようになっているかを見てみましょう。