HTML4 と比較した HTML5 の主な変更点と改善点の概要-H5 チュートリアル-php.cn

HTML4 と比較した HTML5 の主な変更点と改善点の概要

黄舟

リリース： 2017-02-20 13:56:04

オリジナル

1972 人が閲覧しました

この期間中、私は先生のプロジェクトを手伝うのにとても忙しく、授業に行かずに研究室に残っていることが多く、他のことを読む時間があまりありませんでした。私はこのプロジェクトでフロントエンドページのデザインを担当しました。Web を閲覧すると、モバイルインターネット、特に 4G 時代の到来に伴い、モバイル APP と HTML5 が非常に人気があることに気づきます。新しいブラウザ Edge が IE に代わったため、現在、多くの Web サイトが IE を放棄し、HTML5 に移行し始めています。これは特にモバイル Web ページでの傾向ですが、PC 側ではまだギャップがあります。早急に解決する必要がある互換性の問題がいくつかありますが、近い将来、HTML5 がブラウザのマークアップ言語として主流になるでしょう。

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

現在、Web フロントエンドで開発している静的 Web ページは、一般的に html4.01 です。 W3C 仕様にも準拠しています。それでは、この 2 つの大きな違いは何でしょうか?

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" xml:lang="en">

ログイン後にコピー

html5:

XML/HTML Code复制内容到剪贴板
    
    
        <!DOCTYPE html>

ログイン後にコピー

両者の比較から: 文書宣言では、html4 には長いコードセクションがあります。 , このコードは覚えるのが大変で、ツールを使って直接生成した人も多いのではないでしょうか？しかし、html5 は単純な宣言しかないので、覚えておくのにも便利です。

2. ページの文字エンコーディングを設定します
以下に示すように、HTML5 では、charset 属性を要素に直接追加することで文字エンコーディングを指定できます。 HTML5、ファイル用文字コードはUTF-8を推奨します。

3. 構造的意味論に関して

HTML: 構造的意味論を反映するタグはありません: p id="header" これはウェブサイトの先頭を表します。
html5: セマンティクスにおいて大きな利点があります。ヘッダー、記事、フッターなど、いくつかの新しいタグが提供されています
このようなタグを提供する利点は何ですか? Web ページのモジュールに自分で名前を付けるか、そのようなラベルを付けるかにかかわらず、最も重要なことは SEO の最適化だと思います。なぜなら、ウェブサイト構築の最終的な目標はただ一つ、それはお金を稼ぐことだからです。利益を得たい場合は、SEO 最適化技術を通じて Web サイトのランキングを向上させるしかありません。これにより、HTML5 はまさにこの点を満たします。なぜそんなことを言うのですか？なぜなら、彼が定義したタグは最適化に役立ち、スパイダーがあなたを識別できるからです。

4. その他の新しいコンテンツ

新しい入力タイプには、数値 (数値)、日付 (日付)、色 (カラー)、範囲 (範囲) などが含まれます。
新しいインライン要素には、時間、メーター、進行状況が含まれます。
新しい埋め込み要素はビデオとオーディオです。新しい対話型要素は、詳細、データグリッド、コマンドです。

5.