ホームページ > 記事 > ウェブフロントエンド > html5とhtml4の違いは何ですか?
相違点: 1. HTML5 では構文が簡素化されています。たとえば、ファイル タイプ宣言は「」と記述するだけで済みます。2. HTML5 ドキュメントの解析は SGML に基づいていません。3. . HTML5 の新しいセマンティック タグが追加され、Web ページの美化に関連する一部のタグが廃止され、スタイルと構造の分離がより完全になりました。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
HTML5 は、2010 年の正式発表以来、驚くべき速度で発展してきました。現在、主流のブラウザは基本的に HTML5 をサポートしています (ブラウザ互換性の問題がある一部の個別機能を除く)。これは、HTML5 がますます普及していることを示しています。いらっしゃいませ。近い将来、HTML5 が Web フロントエンドの主流技術になることが予測されます。 HTML5 特殊効果はモバイル インターネット時代によりよく適応しており、モバイル デバイス上で実行されるマルチメディアをより適切にサポートできます。
HTML5 と HTML4 の違いは何ですか?
1. 構文の簡素化
html5 の導入により、構文が簡略化されました。たとえば、head の doctype では、必要なのは次だけです。 < ;!doctype html>
と書くだけで十分です。
そして、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 サイトの他の関連記事を参照してください。