H5とHTML4の違いを詳しく解説

HTML5 は HTML4 を完全に破壊するものではありませんが、いくつかの違いがあります。この記事では、いくつかの目に見える違いをまとめました。すべてがサポートされてからでも遅くはありません。HTML 標準の次のバージョンをご覧ください。 HTML5 は HTML4 を完全に破壊するものではありませんが、いくつかの違いがあります。最新かつ最も完全な HTML5 と HTML4 の比較情報については、http://dev.w3.org/html5/html4-differences/ を参照してください。これはもう少し詳しいようです。 IE がまだ存在するこの世界では、最初に HTML5 の違いのいくつかを理解するだけで十分であり、HTML5 が完全にサポートされてから詳しく勉強しても遅くはありません。

1. 構文の簡素化

HTML5 では、doctype 宣言などの多くの微妙な構文が簡素化されており、 と記述するだけで済みます。 HTML 5 では、次のように UTF-8 エンコーディングを指定しています。set
="UTF-8">

2. <

canvas> タグは、多くの Web 開発者に導入されています。 Web ページ上で Flash を再生するには、大量のコードとプラグインが必要です。 タグを使用すると、開発者は 1 つのタグだけを使用して UI を通じてユーザーと対話できます。 3
新しい多くのタグ

HTML5 デザインの原則の 1 つは、Web サイトのセマンティクスをより適切に反映することです。そのため、Web ページの構造を明確に示すために

や

のようなタグが追加されます。 ; 新しく追加された

および

は、Web ページの構造を明確にするのに役立ちます。 ;figure> タグ、 は、ツールバーやコンテキスト メニューだけでなく、従来のメニューの作成にも使用できます。

タグは、Web テキストと 画像 のレイアウトをよりプロフェッショナルなものにします。これら 2 つのタグは、HTML5 で最も便利なタグです。たとえば、HTML5 ページに video
を埋め込むには、次のような短い コードが必要です。

<video width="450" height="340" controls>  
  <source src="jamshed.mp4" type="video/mp4">  
   Your browser does&#39;nt support video embedding feature.  
</video>

同様に、

audio

も同様です。

4. 新しいフォーム

HTML5 では、

タグと タグが大幅に変更され、多くの新しい属性が追加され、多くの属性が変更されました

5。 タグ、、

、 タグ

6.HTML5 はさまざまなタイプのストレージ タイプをサポートします

HTML5 は、以前のバージョンで渡されたローカル ストレージをサポートしますクッキーによって。 HTML5 ローカル ストレージは高速で安全です。 HTML5 には、データの保存に使用できる 2 つの異なる

オブジェクト

があります。HTML5 は、データの保存とアクセスに JS を使用します。 localStorage は、データの長期保存に適しており、ブラウザーの使用後にデータが失われることはありません。は閉じられています セッション

ストレージは 1 つのセッション データ ストレージのみであり、保存されたデータはブラウザが閉じられると自動的に削除されます

一般に、HTML5 はマークアップ言語の範囲を超えており、より多くのセマンティック タグが HTML5 をより便利にします。 Canvas+WEBGL などのテクノロジは、プラグイン不要のアニメーションと画像およびグラフィックス処理機能を実現し、ローカル ストレージは、http の純粋なプル モデルを変更して、MathML、SVG などをサポートします。私の現在の HTML5 の理解は表面的な段階にすぎません。今後、さらに多くの洞察を得るために HTML5 の本を読んでいきたいと思います。 【関連おすすめ】

1. HTML5の無料ビデオチュートリアル2.

H5と従来のHTMLの違い

3. H5によるカメラ機能の実装の詳細な例

4.制作 登録ページのコード例

5.

H5描画の基本的な使い方を教えます

以上がH5とHTML4の違いを詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。