ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLとHTML5の違いは何ですか

HTMLとHTML5の違いは何ですか

清浅
清浅オリジナル
2018-11-28 17:52:2929216ブラウズ

HTML と HTML5 の違いは次のとおりです。 1. HTML5 は SVG をサポートしますが、HTML ではベクター グラフィックスは Flash などのさまざまなテクノロジと組み合わせてのみ使用できます。2. HTML5 は Web SQL ライブラリを使用します。 HTML この目的にはブラウザ キャッシュのみを使用できます。 3. HTML5 は新しいフォーム コントロールなどをサポートします。

HTMLとHTML5の違いは何ですか

#この記事の動作環境: Windows 7 システム、Dell G3 コンピューター、HTML5 バージョン。

HTML

HTML はハイパーテキスト マークアップ言語と呼ばれ、ほとんどの Web ページは HTML コードで書かれています。 HTML を使用すると、開発者はマルチメディア、テキスト、ハイパーリンクが Web ブラウザーでどのように表示されるかを正確に決定できます。 HTML では、タグはテキスト構造を定義するために使用され、タグと要素は 文字を使用して定義され、ブラウザーは主にこれらのタグを通じて Web コンテンツをレンダリングします。しかし、時間の経過とともに、Web ページに豊かさを加えるためにスタイル シートが好まれ始めたため、ドキュメント スタイルの定義に使用されるタグはほとんど非推奨になり、依然としてコンテンツ定義タグのみがコア HTML を形成しています。

HTML5

HTML は時間の経過とともに多くの更新が行われ、現在の HTML の最新バージョンは HTML5 です。これは依然としてマークアップ言語ですが、生の HTML に多くの機能を追加し、XHTML に存在する厳密性の一部を取り除きます。ユーザーエクスペリエンスが大幅に向上します。

HTML と HTML5 の違い

(1) HTML5 は SVG、キャンバス、その他の仮想ベクター グラフィックスをサポートしていますが、HTML では Flash とのみ組み合わせることができます。シルバー - ベクター グラフィックスは、光などのさまざまなテクノロジーを組み合わせて使用​​できます。

(2) HTML5 は Web SQL データベースを使用し、データを一時的に保存するために使用できますが、HTML ではこの目的で使用できるのはブラウザーのキャッシュのみです。

(3) HTML5 は、日付と時刻、電子メール、番号、範囲、電話、URL、検索などの新しいフォーム コントロールをサポートします。

(4) HTML 5 でオーディオおよびビデオのコントロールとタグが許可されるかどうかに関係なく、HTML では audio

(5) HTML 5 では、Doctype 宣言は非常にシンプルで使いやすいですが、HTML では Doctype 宣言は長すぎて複雑です

(6) charset、async、ping の属性は次のとおりです。 HTML 5 一部、charset、async、ping などの属性が HTML には存在しません

(7) Web アプリケーション機能のサポートの強化: HTML5 では、JS や Flash を使用せずにブラウザをアプリケーション プラットフォームとして実行できます。すべての機能は HTML5 に固有の要素によって提供されるため、ベースのアプローチになります。

(8) 新しく追加された

要素と 要素は、インタラクティブ要素仕様のコンポーネントですが、開発者コミュニティではあまり使用されず、話題にもなりません。ただし、これら 2 つのプロジェクトを使用すると、Web の対話性を強化することができます。わかりやすくするために、モバイル アプリケーションとデスクトップ アプリケーションではメニュー コマンドを表すためにラベルが使用されます。
<body contextmenu=”new-menu”>
   <menu id=” new-menu” type=”context”>
   <menuitem>Hello!</menuitem>
   </menu>
  </body>

例: HTML5 の新しい要素を使用して Web ページに曲とビデオを挿入する

<audio src="song.ogg" controls="controls">
         这是一首歌
</audio>

HTMLとHTML5の違いは何ですか

<video src="movie01.mp4"  width="100"    style="max-width:90%" controls="controls">
</video>

Image 14.jpg

##【おすすめコース:HTMLコースHTML5コース

要約: 以上がこの記事の全内容です。皆様のお役に立てれば幸いです。


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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。