ホームページ > 記事 > ウェブフロントエンド > html5とhtmlの違いは何ですか
html5とhtmlの違いは何ですか
- 一个新手オリジナル
- 2017-09-21 10:16:091662ブラウズ
簡単な説明: html5 と html の違い
最近、グループ チャットで最もよく使われる言葉は、モバイル ウェブサイトと html5 です。この両者にはどのような関係があるのかと疑問に思う人もいるかもしれません。モバイル インターネット、特に 4G 時代の急速な発展と、Microsoft が「XP システム」の更新パッチやメンテナンスを提供しないという事実により、「html5+css3」は徐々に新世代の Web フロントエンド テクノロジになりました。モバイル Web サイトは徐々にトレンドになってきています。
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:
|
1 2 3 |
<!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:
1 |
<!DOCTYPE html> |
由这两者对比可见：在文档声明上，html有很长的一段代码，并且很难记住这段代码，想必很多人都是靠工具直接生成的吧？而html5却是不同，只有简简单单的声明，这也方便人们的记忆，更加精简。
2.在结构语义上
html4.0：没有体现结构语义化的标签，我们通常都是这样来命名的
1 |
<p id="header"></p> |
这样表示网站的头部。
html5：在语义上却有很大的优势。提供了一些新的html5标签，比如:
1 |
<header>、<nav>、<article>、<aside>、<footer>.. |
3. HTML5 の強力な新機能
(1) 強力な描画機能
HTML5 では強力な描画機能と JS によって実現できるアニメーションや画像がいくつかあります。ただし、html4.0では動作しません。
HTML5 では描画できるものが 2 つあります。どの 2 つの魔法なのか見てみましょう。
1. Canvas タグ
Canvas は JavaScript を通じて 2D グラフィックを描画し、ピクセルごとにレンダリングします。
キャンバスでは、グラフィックが描画されると、ブラウザーの注目を集めなくなります。位置が変更された場合は、グラフィックスで覆われているオブジェクトも含めて、シーン全体を再描画する必要があります。
2.SVG
SVG は、XML を使用して 2D グラフィックスを記述する言語です。つまり、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の場合。 video タグにのみ使用する必要があります。
|
>//详细プロパティ可用下图
|
提供この样的标签有何么样的好处呢?
第一：节省程序员写代的時間
は、私自身がネットワーク モジュールの命名を行うのではなく、そのようなポリシーを持っています。 SEO 化の技術によってのみ、このような Web サイトは価値があり、html5 はその点に準拠しています。 、クモは承認できます。还不学习hml5+css3我们就了！
以上がhtml5とhtmlの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。