はじめに
HTML 5 は革命のようなもので、Web2.0 以降の時代に勢いよく進行しています。
HTML 5 とは何かについては、ここで詳しく説明する必要はありません。 HTML 5 の革新性については、私の理解によれば、明確なセマンティクスを備えたタグ システム、複雑さを簡素化するリッチ メディア サポート、魔法のようなローカル データ ストレージ テクノロジ、プラグインを必要としないリッチ アニメーション (キャンバス) として要約できます。 、強力な API サポート。つまり、HTML 5 は人間とコンピューターの対話をより快適でユーザーフレンドリーなものにします。以前はリッチ メディア アプリケーションとネイティブ ストレージがサポートされていなかったことも、ブラウザにとって問題ではなくなりました。 Web をコンテンツ プラットフォームから標準化されたアプリケーション プラットフォームに推し進め、さまざまなプラットフォーム陣営の標準を統一することが、HTML 5 革命の本来の目的です。
この記事では、いくつかのアイデアを紹介し、HTML 5 の革新の 1 つであるセマンティクスを備えたより明確で簡潔な構造について説明します。
「ヘッド」から始めます
標準の XHTML ヘッダー コードは次のようになります:
覚えていますか?丸暗記しますか?もちろん違います!機械的にコピー&ペーストするだけです。
標準の HTML 5 ヘッダーがどのようなものかを見てください:
これは言うまでもなく複雑です。はい、HTML 5 ヘッダーは非常にシンプルで覚えやすいです。また、大文字小文字、引用符、最後の山かっこの前のバックスラッシュは無視できます。
なぜこんなに緩いのでしょうか?実際、XHTML を text/html として送信すると、ブラウザはそれを適切に解析でき、コードの構文は気にしません。したがって、HTML 5 は形而上学的なものであり、元の標準の一部に違反する可能性がありますが、ブラウザーでは依然として良好に動作します。
もちろん、チームの支援とその後のメンテナンスの便宜のために、次のような好みの書き方を統一する必要があります。
charset=" gb2312" />
;
さらに、HTML 5 は現在すべてのブラウザーでサポートされているわけではありませんが、これにより 100 バイト以上を節約できます (1 日の PV が 100 万を超えるサイトの場合、大量のトラフィックを節約できます)。 ) ヘッドは完全に互換性があります。ブラウザの解析モードを調べたことがある場合は、doctype が定義されていない場合、ページは奇妙なモードをトリガーすることを知っているはずですが、 が定義されている限り、ブラウザは標準モードでページを解析できます。特定の種類の DTD を指定する必要はありません。
新しいセマンティック タグ システム
セマンティック コーディングは、資格のあるフロントエンド開発者にとって必須のスキルです。しかし、Web ページがますますリッチになるにつれて、非セマンタイズには元の xhtml タグのみが使用されます。それは明らかに彼の能力を超えていた。神は「光あれ!」と言いました。すると光がありました。したがって、HTML 5 は、最新の Web サイトの典型的なセマンティクスを反映する一連の新しいタグと対応する属性を提供します。真実を実践してください。例を書いてみましょう:
コードをコピーします
Web サイトのサブタイトル