コメント:HTML5はHTML4を完全に破壊するわけではありませんが、少し異なります。この記事は、いくつかの目に見える違いをまとめました。最初にマスターするだけで、結局慎重に勉強するのは遅すぎることはありません。興味のある友達はそれを見逃すべきではありません。
HTML5は、HTML標準の次のバージョンです。 HTML5はHTML4を完全に破壊するわけではありませんが、いくつかの違いもあります。最新か、最も完全なHTML5-HTML4比較情報をご覧ください。もう少しあるようです。 IEがまだ存在するこの世界では、最初にHTML5の違いをマスターすることができます。また、すべてのサポートの後に慎重に研究するのは遅すぎることはありません。
1。簡素化された構文
HTML5は、Doctypeのステートメントなど、多くの微妙な構文を簡素化するだけで、<!doctype html>を記述する必要があります。 HTML 5は、次のようにUTF-8エンコードを指定します<Meta charset = utf-8>
2。<Canvas>タグはフラッシュを置き換えます
Flashは多くのWeb開発者に問題を引き起こしており、WebページでFlashをプレイするには、大量のコードとプラグインが必要です。 <canvas>タグを使用すると、開発者が1つのタグを使用する限り、UIでユーザーと対話できます。
3多くの新しいタグを追加しました
HTML5設計の1つの原則は、Webサイトのセマンティクスをよりよく反映することです。そのため、<header>や<footer>などのタグが追加され、Webページの構造を明確に示すことができます。 <section>および<portion>タグを追加すると、<section>および<porth>は、Webページの構造を明確にすることに役立ち、SEOをより助長します。 <menu>および<figure>タグを追加すると、<menu>を使用して、従来のメニュー、またはツールバーとコンテキストメニューを作成できます。 <図>タグWebテキストと写真がレイアウトでよりプロフェッショナルになります。新しい<オーディオ>および<ビデオ>タグが追加されています。これらの2つのタグは、HTML5で最も便利な2つのタグである可能性があり、使用するのにも非常に便利です。たとえば、html5ページにビデオを埋め込むと、小さなピースのみが必要です。
<ビデオコントロール>
<source src = "jamshed.mp4" type = "video/mp4">
ブラウザはビデオ埋め込み機能をサポートしていません。
</video>
同様に、オーディオなどは似ています。
4。真新しいフォーム
HTML5は、<form>および<forminput>タグに多くの変更を加え、多くの新しい属性を追加し、多くの属性を変更しました。
5. <b>および<font>タグ、<frame>、<center>、<big>タグを削除します
6.HTML5は、さまざまな種類のストレージタイプをサポートしています
HTML5はローカルストレージをサポートし、以前のバージョンでCookieを通じて実装されました。 HTML5ローカルストレージは高速で安全です。また、HTML5には、データの保存に使用できる2つの異なるオブジェクトがあります。 HTML5はJSを介してデータを保存およびアクセスします。
LocalStorageは、データの長期的な保存に適しており、ブラウザが閉じた後はデータが失われません。
SessionStorageは単なるセッションデータストレージであり、ブラウザが閉じた後に保存されたデータが自動的に削除されます。
一般に、HTML5はマークアップ言語の範囲を超えており、より多くのセマンティックタグがHTML5をより便利にします。 Canvas+WebGLおよびその他のテクノロジーは、プラグインのアニメーションと画像およびグラフィックの処理機能を実現します。ローカルストレージはオフラインアプリケーションを実現できます。 WebSocket、HTTPの純粋なプルモデルを変更して、データプッシュの夢を実現します。 MathML、SVGなどは、より豊富なレンダリングなどをサポートしています。現在、HTML5の理解はまだ表面段階にあります。将来的には、HTML5の本をもっと読み、いくつかの洞察を追加します。