ホームページ > ウェブフロントエンド > フロントエンドQ&A > html5とhtml4の違いは何ですか?

html5とhtml4の違いは何ですか?

青灯夜游
リリース: 2022-01-17 15:16:17
オリジナル
4752 人が閲覧しました

相違点: 1. HTML5 では構文が簡素化されています。たとえば、ファイル タイプ宣言は「」と記述するだけで済みます。2. HTML5 ドキュメントの解析は SGML に基づいていません。3. . HTML5 の新しいセマンティック タグが追加され、Web ページの美化に関連する一部のタグが廃止され、スタイルと構造の分離がより完全になりました。

html5とhtml4の違いは何ですか?

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML5 は、2010 年の正式発表以来、驚くべき速度で発展してきました。現在、主流のブラウザは基本的に HTML5 をサポートしています (ブラウザ互換性の問題がある一部の個別機能を除く)。これは、HTML5 がますます普及していることを示しています。いらっしゃいませ。近い将来、HTML5 が Web フロントエンドの主流技術になることが予測されます。 HTML5 特殊効果はモバイル インターネット時代によりよく適応しており、モバイル デバイス上で実行されるマルチメディアをより適切にサポートできます。

HTML5 と HTML4 の違いは何ですか?

1. 構文の簡素化

html5 の導入により、構文が簡略化されました。たとえば、head の doctype では、必要なのは次だけです。 &lt ;!doctype html> と書くだけで十分です。

そして、html4 は次のように記述する必要があります:

html5とhtml4の違いは何ですか?

#2. 標準の観点から見ると、

HTML5 ドキュメントの解析はもはや SGML (Standard Generalized Markup Language) 標準に基づいていませんが、独自の標準セットを形成しています。

3. タグに関しては、

スタイルと構造の分離をより完全にするために、いくつかの Web ページ美化タグを廃止します。

以前は、Web ページ上でマルチメディアを再生する場合、ActiveX またはプラグインを使用する必要がありました。 HTML5 では、

4. 属性に関して

主に入力属性の強化など、いくつかのフォーム属性を追加しました

<!-- 此类型要求输入格式正确的email地址 -->
<input type=email >
<!-- 要求输入格式正确的URL地址  -->
<input type=url >
<!-- 要求输入格式数字,默认会有上下两个按钮 -->
<input type=number >
<!-- 时间系列,但目前只有 Opera和Chrome支持 -->
<input type=date >
<input type=time >
<input type=datetime >
<input type=datetime-local >
<input type=month >
<input type=week >
<!-- 默认占位文字 -->
<input type=text placeholder="your message" >
<!-- 默认聚焦属性 -->
<input type=text autofacus="true" >
其他标签新增了一些属性,
<!-- meta标签增加charset属性 -->
<meta charset="utf-8">
<!-- script标签增加async属性 -->
<script async></script>
使部分属性名默认具有boolean属性
<!-- 只写属性名默认为true -->
<input type="checkbox"  checked/>
<!-- 属性名="属性名"也为true -->
<input type="checkbox"  checked="checked"/>
ログイン後にコピー

5。ストレージの

localStorage と sessionStorage を含む新しい WebStorage

IndexedDB と Web SQL が導入され、データベース テーブルを作成し、ブラウザ側でデータを保存できるようになりました。 IndexedDB は NoSQL データベースに似ていますが、WebSQL はリレーショナル データベースに似ています。 W3C は WebSQL をサポートしなくなりました。

Webをキャッシュしてネットワークがない環境でも利用できるアプリケーションキャッシュ(アプリケーションキャッシュ)を導入 キャッシュマニフェストファイルを作成し、アプリケーションキャッシュを作成することで、基盤となるPWA(Progressive Web App)を提供しますテクニカルサポート。

関連する推奨事項:「

html ビデオ チュートリアル

以上がhtml5とhtml4の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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