ホームページ  >  記事  >  ウェブフロントエンド  >  H5とHTML4の違いを詳しく解説

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

Y2J
Y2Jオリジナル
2017-05-23 13:53:523285ブラウズ

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

1. 構文の簡素化

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

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

HTML5 デザインの原則の 1 つは、Web サイトのセマンティクスをより適切に反映することです。そのため、Web ページの構造を明確に示すために 1aa9e5d373740b65a0cc8f0a02150c53 や c37f8231a37e88427e62669260f0074d のようなタグが追加されます。 ; 新しく追加された 2f8332c8dcfd5c7dec030a070bf652c3 および 23c3de37f2f9ebcb477c4a90aac6fffd は、Web ページの構造を明確にするのに役立ちます。 ;figure> タグ、5c0e96d12fc7501cef2ae2efde646ee0 は、ツールバーやコンテキスト メニューだけでなく、従来のメニューの作成にも使用できます。 24203f2f45e6606542ba09fd2181843a タグは、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 では、ed432e3f41aa8972dd1c14dfe926acdf タグ、04a0d55efbbfd646a993fbc01f262c57、bacbf9e1ad7f40415ce1670e31edfee3、3d49bde0e0b2e042578ad34140b6c48e タグ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。