ホームページ > 記事 > ウェブフロントエンド > html5とhtmlの違いが分かりますか?
######できる。違いは、ドキュメント宣言において、htmlはコードが長くて覚えるのが大変ですが、html5は異なり、「」というシンプルな宣言だけです。 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 ビデオ チュートリアル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 サイトの他の関連記事を参照してください。