ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 と以前の HTML4_html5 チュートリアル スキルの違いをまとめたもの

HTML5 と以前の HTML4_html5 チュートリアル スキルの違いをまとめたもの

WBOY
リリース: 2016-05-16 15:48:49
オリジナル
1507 人が閲覧しました

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

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

2. タグが Flash を置き換える
Flash を Web ページ上で再生するには、大量のコードとプラグインが必要です。 タグを使用すると、開発者は 1 つのタグだけを使用して UI を通じてユーザーと対話できます。

3 多くの新しいタグを追加しました
HTML5 デザインの原則の 1 つは、Web サイトのセマンティクスをより適切に反映することです。 Web ページの構造を明確にするために、

を追加します。 menu> および
タグ は、ツールバーやコンテキスト メニューだけでなく、従来のメニューも作成できます。
タグは、Web ページ上のテキストと画像のレイアウトをよりプロフェッショナルなものにします。これらの 2 つのタグは、HTML5 で最も便利なタグです。使い方も非常に便利です。たとえば、HTML5 ページにビデオを埋め込むには、

コードをコピーするだけです
コードは次のとおりです。



同様に、オーディオやその他の機能も同様です。

4. 新しいフォーム
HTML5 では、

タグと タグに多くの変更が加えられ、多くの属性と詳細が変更されました。 >http://www.jb51.net/w3school/html5/html_5_form_attributes.htm

5. タグ、

タグを削除します。 6.HTML5 はさまざまな種類のストレージ タイプをサポートします

HTML5 は、以前のバージョンでは Cookie によって実装されていたローカル ストレージをサポートしています。 HTML5 ローカル ストレージは高速かつ安全です。また、HTML5 には、データの保存に使用できる 2 つの異なるオブジェクトがあり、JS を通じてデータを保存およびアクセスします。 localStorage はデータの長期保存に適しており、ブラウザを閉じてもデータは失われません

sessionStorage はセッションのデータ保存のみに使用され、保存されたデータはブラウザを閉じると自動的に削除されます

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート