H5とHTML4の違いを詳しく解説-H5 チュートリアル-php.cn

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

Y2J

リリース： 2017-05-23 13:53:52

オリジナル

3279 人が閲覧しました

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 を再生するには、大量のコードとプラグインが必要です。

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