ホームページ > 記事 > ウェブフロントエンド > HTML4 と比較した HTML5 の主な変更点と改善点の概要
HTML4 と比較した HTML5 の主な変更点と改善点の概要
- 黄舟オリジナル
- 2017-02-20 13:56:041983ブラウズ
この期間中、私は先生のプロジェクトを手伝うのにとても忙しく、授業に行かずに研究室に残っていることが多く、他のことを読む時間があまりありませんでした。私はこのプロジェクトでフロントエンド ページのデザインを担当しました。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 属性を e8e496c15ba93d81f6ea4fe5f55a2244 要素に直接追加することで文字エンコーディングを指定できます。 HTML5、ファイル用 文字コードはUTF-8を推奨します。
HTML: 構造的意味論を反映するタグはありません: p id="header" これはウェブサイトの先頭を表します。
html5: セマンティクスにおいて大きな利点があります。ヘッダー、記事、フッターなど、いくつかの新しいタグが提供されています
このようなタグを提供する利点は何ですか? Web ページのモジュールに自分で名前を付けるか、そのようなラベルを付けるかにかかわらず、最も重要なことは SEO の最適化だと思います。なぜなら、ウェブサイト構築の最終的な目標はただ一つ、それはお金を稼ぐことだからです。利益を得たい場合は、SEO 最適化技術を通じて Web サイトのランキングを向上させるしかありません。これにより、HTML5 はまさにこの点を満たします。なぜそんなことを言うのですか？なぜなら、彼が定義したタグは最適化に役立ち、スパイダーがあなたを識別できるからです。
4. その他の新しいコンテンツ
新しい入力タイプには、数値 (数値)、日付 (日付)、色 (カラー)、範囲 (範囲) などが含まれます。
新しいインライン要素には、時間、メーター、進行状況が含まれます。
新しい埋め込み要素はビデオとオーディオです。新しい対話型要素は、詳細、データグリッド、コマンドです。
5.5ba626b379994d53f7acf72a64f9b697 タグが Flash を置き換えます
Flash を Web ページ上で再生するには、大量のコードとプラグインが必要です。 5ba626b379994d53f7acf72a64f9b697 タグを使用すると、開発者は 1 つのタグだけを使用して UI を通じてユーザーと対話できます。 5ba626b379994d53f7acf72a64f9b697 タグはまだ Flash のすべての機能を実装できませんが、すぐに 5ba626b379994d53f7acf72a64f9b697 は Flash を時代遅れに見せるでしょう。
6.CSSで置き換えられる要素:basefont、big、font、s、tt、uのこれらの要素は、機能が純粋に画面表示サービスのため、HTML5支持者向けに表示機能を付けます。画面の統一編集をCSS形式で行うため、これらの要素を廃止しました。
フレームは使用されなくなりました: フレームは Web ページの使いやすさに悪影響を与えるため、HTML5 はフレームをサポートせず、iframe、またはサーバーによって作成された複数のページで構成される複合ページのみをサポートします。
一部のブラウザでサポートされている要素のみ: アプレット、bgsound、blink、marquee、その他の要素。 bgsound と marquee は ie のみサポートされており、html5 では廃止されました。アプレット要素は embed 要素または object 要素に置き換えることができ、bgsound 要素は audio 要素に置き換えることができ、マーキーは JavaScript プログラミングに置き換えることができます。
要約: html5 は数年前に登場しましたが、当時は十分に成熟しておらず、タイミングが合わなかったため、人気がありませんでした。インターネットが急速に発展している現在、4Gの時代も到来しています。 hml5+css3を学ばないとアウトです！
上記は、HTML4 と比較した HTML5 の主な変更点と改善点の概要です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。