Web時代の変化とHTML5とHTML4の違い

HTML5は、HTML標準の次のバージョンです。ますます多くのプログラマーがHTML5でWebサイトを構築し始めています。 HTML4とHTML5の両方を使用すると、HTML5を使用したゼロからの建物がHTML4からHTML5に移行するよりもはるかに便利であることがわかります。 HTML5はHTML4を完全に破壊するわけではありませんが、まだ多くの類似点がありますが、HTML5がHTML標準の次のバージョンであることにはいくつかの重要な違いがあります。ますます多くのプログラマーがHTML5でWebサイトを構築し始めています。 HTML4とHTML5の両方を使用すると、HTML5を使用したゼロからの建物がHTML4からHTML5に移行するよりもはるかに便利であることがわかります。 HTML5はHTML4を完全に破壊するわけではありませんが、まだ多くの類似点がありますが、いくつかの重要な違いもあります。次に、この記事を通してHTML5とHTML4の違いを学びましょう

HTML5の新しい構造タグ

以前のHTMLページでは、全員が基本的にDiv+CSSレイアウト法を使用しました。検索エンジンがページのコンテンツをクロールする場合、Divの1つのコンテンツが記事コンテンツコンテナ、ナビゲーションモジュールコンテナ、または著者によって導入されたコンテナなどであると推測できます。つまり、HTMLドキュメント構造全体が明確ではありません。この問題を解決するために、HTML5は、ヘッダー、フッター、ナビゲーション、記事のコンテンツなどの構造に関連する構造要素タグを特別に追加しました。

これらの新しいタグについて話す前に、まず通常のページのレイアウトを見てみましょう。

上記の写真では、通常のページには、ヘッダー、ナビゲーション、記事の内容、添付の右バー、ボトム、その他のモジュールがあることが非常に明確にわかります。クラスを通してそれを区別し、さまざまなCSSスタイルで処理します。しかし、比較的言えば、クラスは一般的な標準仕様ではありません。検索エンジンは、特定の部分の関数のみを推測できます。さらに、このページプログラムが視覚障害のある人に読み取られている場合、ドキュメント構造とコンテンツはそれほど明確ではありません。新しいHTML5タグによってもたらされる新しいレイアウトは、次の状況です。

前世代のHTML：HTML 4.01およびXHTML 1.0の基準は、今日10年以上前にリリースされており、Web側のアプリケーションも大幅に変化しています。さらに、Webフロントエンドには統一された一般的なインターネット標準はありません。ブラウザの間には互換性が多すぎるため、これらのブラウザの互換性を維持するのに時間がかかりすぎます。もう1つのことは、以前のマルチメディア操作、アニメーションなどがすべて、サードパーティのプラグインのサポートが必要であり、複数のプラットフォームの互換性の問題を作成することです。これらはすべて、HTML5の標準になります。これは、ブラウザの違いと一部のサードパーティのプラグインの問題を基本的に解決し、Webアプリケーションをより標準、より汎用性があり、デバイスに依存しないようにします。

H5は2010年に正式に発表されて以来、主要なブラウザに歓迎され、サポートされています。現在、業界はH5に向かっており、H5の時代はまもなく登場しています。

HTML5は革命的な変化ではなく、発達的な変化です。さらに、以前のHTML4標準の多くは互換性があり、最新のHTML5標準を介して作成されたすべてのWebアプリケーションは、古いブラウザでも簡単に実行できます。 HTML5標準は、オーディオとビデオ、ローカルストレージ、ソケット通信、アニメーションなどの多くの実用的な機能を統合します。これらはすべて、以前のアプリケーション開発で検討およびアップグレードされました。関連する経験があれば、あなたは非常に感動すると信じています。

HTML5の目標は、いくつかの新しいタグと新しい機能を通じて、よりシンプルで独立した、標準的な一般的なWebアプリケーションを開発するための標準を提供することです。

新しい標準は、ブラウザの互換性の問題の3つの主要な問題を解決し、不明確なドキュメント構造の問題を解決し、Webアプリケーションの限られた機能などの問題を解決します。

1.いくつかの時代遅れのHTML4タグがキャンセルされました

これらには、CSSに完全に置き換えられた<font>や<center>などの純粋に効果を示すマーカーが含まれます。

その他のキャンセルされたプロパティ：頭字語、アプレット、ベースフォント、ビッグ、センター、dir、フォント、フレーム、フレームセット、isindex、noframes、strike、tt。

2。いくつかの新しい要素を追加しました

例：よりスマートフォームタグ：日付、電子メール、URLなど。よりリーズナブルなタグ：セクション、ビデオ、進行状況、ナビゲーション、メーター、時間、脇、キャンバスなど。

3。新しいグローバル属性：Contentedable DesignMode Hidden SpellCheck Tabindex

4。マークアップ方法：ファイルタイプ宣言（<！doctype>）には1つのタイプがあります：<！doctype html>。

<Meta charset = utf-8>の文字エンコードを指定します

5。新しいJS API

6.互換性を確保します

タグ要素は省略できます

エンドマークは許可されていません：エリアベースBRなど

エンドマークは省略できます：li dtなど

すべてのタグを省略できます：HTMLヘッドなど