HTMLとHTML5の違いは何ですか-htmlチュートリアル-php.cn

HTMLとHTML5の違いは何ですか

清浅

リリース： 2021-04-18 14:01:08

オリジナル

29298 人が閲覧しました

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 サイトの他の関連記事を参照してください。