ホームページ  >  記事  >  ウェブフロントエンド  >  html5とhtmlの違いが分かりますか?

html5とhtmlの違いが分かりますか?

青灯夜游
青灯夜游オリジナル
2021-02-22 13:57:442429ブラウズ

######できる。違いは、ドキュメント宣言において、htmlはコードが長くて覚えるのが大変ですが、html5は異なり、「」というシンプルな宣言だけです。 HTML5 では描画、ビデオ、オーディオの挿入ができますが、HTML ではできません。

html5とhtmlの違いが分かりますか?このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

html5 とは何ですか?

html5 は、WHATWG (Web Hypertext Application Technology Working Group) によって最初に命名されたハイパーテキスト マークアップ言語で、その後 W3C の xhtml2.0 (標準) と結合されて、最新世代のハイパーテキスト マークアップ言語が作成されました。これは単純に、HTML 5 ≈ HTML4.0 CSS3 JS API として理解できます。

hmtl5 と html の違いは何ですか?

現在、Web フロントエンドで開発している静的 Web ページは、通常 HTML4.0 です。同時に、W3C の xhtml1.0 仕様にも準拠しています。それでは、それらの大きな違いは何でしょうか?

1. 文書型宣言

#html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

HTML5:

 <!DOCTYPE html>

を比較するとわかります。両者の間: HTMLは文書宣言という点でコードが長くて覚えるのが大変なので、ツールで直接生成する人も多いのではないでしょうか?しかし、html5 は異なり、単純な宣言のみを備えているため、覚えやすく、より合理化されています。

2. 構造セマンティクスの観点

html4.0: 構造セマンティクスを反映するタグはありません。通常、このような名前を付けます

<div id="header"></div>

これはウェブサイトの責任者を表します。

html5: セマンティクスにおいて大きな利点があります。

<header> 、<nav>、<article>、<aside>、<footer>..

3. HTML5 の強力な新機能

(1) 強力な描画機能

HTML5 と JS の強力なペイント機能を使用して実現できるアニメーションや画像が含まれる場合があります。ただし、html4.0では動作しません。

HTML5 では描画できるものが 2 つあります。どの 2 つの魔法のものなのか見てみましょう。

[関連する推奨事項: "

Html5 ビデオ チュートリアル

"] 1.Canvas タグ

Canvas は JavaScript を通じて 2D グラフィックを描画します。Canvas はピクセル単位です。 -ピクセルがレンダリングされました。

キャンバスでは、グラフィックが描画されると、ブラウザーの注目を集めなくなります。位置が変更された場合は、グラフィックスで覆われているオブジェクトも含めて、シーン全体を再描画する必要があります。

2.SVG

SVG は、XML を使用して 2D グラフィックスを記述する言語です。SVG は XML に基づいており、SVG DOM 内のすべての要素が利用可能であることを意味します。 JavaScript イベント ハンドラーを要素にアタッチできます。 SVG では、描画されたすべての形状がオブジェクトとして扱われます。 SVG オブジェクトのプロパティが変更された場合、ブラウザはグラフィックを自動的に再現できます。

他の画像形式 (JPEG や GIF など) と比較して、SVG を使用する利点は次のとおりです。

(1) SVG 画像はテキスト エディターで作成および変更できます

(2) SVG 画像は検索、インデックス付け、スクリプト化、または圧縮が可能です

(3) SVG はスケーラブルです

(4) SVG 画像は任意の解像度で強化できます 高品質で印刷します

(5) SVG は画質を落とさずに拡大できる

# それでは、どちらも描画に使用できますので、両者の違いを見てみましょう。 # Canvas

1. 解像度に依存します

2. イベント ハンドラーをサポートしません

3. テキスト レンダリング機能が弱い

4. 機能結果の画像を .png または .jpg 形式で保存します。

5. 多くのオブジェクトが頻繁に再描画される、画像を多用するゲームに最適です

SVG

1. 解像度に依存しません

2. イベント ハンドラーをサポートします

3. 大きなレンダリング領域を持つアプリケーションに最適ですプログラム (Google マップなど)

4複雑性が高いとレンダリング速度が遅くなります (DOM を過度に使用するアプリケーションは高速ではありません)

# 5. ゲーム アプリケーションには適していません

(2) video タグを追加します

おそらく html4.0 では、ビデオを挿入したい場合、コードの長いセクションも引用する必要があります。ただしhtml5の場合。これをビデオタグに使用するだけで済みます。

rreeee

このようなラベルを提供するメリットは何ですか?

第一: プログラマーがコードを書く時間を節約します。

2 番目: 最も重要なことは SEO の最適化だと思います。

Web ページ モジュールに自分で名前を付けるかどうかにかかわらず、そのようなラベルは依然として存在します。なぜなら、ウェブサイトを構築する最終的な目的はただ一つ、それはお金を稼ぐことだからです。利益を上げたい場合は、SEO 最適化技術によって Web サイトのランキングを向上させ、Web サイトの価値を高めるしかありません。html5 はまさにこの点を満たしています。なぜそんなことを言うのですか?なぜなら、彼が定義したタグは最適化に役立ち、スパイダーがあなたを識別できるからです。

プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 !

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

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