この期間中、私は先生のプロジェクトを手伝うのにとても忙しく、授業に行かずに研究室に残っていることが多く、他のことを読む時間があまりありませんでした。私はこのプロジェクトでフロントエンド ページのデザインを担当しました。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を推奨します。
HTML: 構造的意味論を反映するタグはありません: p id="header" これはウェブサイトの先頭を表します。
html5: セマンティクスにおいて大きな利点があります。ヘッダー、記事、フッターなど、いくつかの新しいタグが提供されています
このようなタグを提供する利点は何ですか? Web ページのモジュールに自分で名前を付けるか、そのようなラベルを付けるかにかかわらず、最も重要なことは SEO の最適化だと思います。なぜなら、ウェブサイト構築の最終的な目標はただ一つ、それはお金を稼ぐことだからです。利益を得たい場合は、SEO 最適化技術を通じて Web サイトのランキングを向上させるしかありません。これにより、HTML5 はまさにこの点を満たします。なぜそんなことを言うのですか？なぜなら、彼が定義したタグは最適化に役立ち、スパイダーがあなたを識別できるからです。
4. その他の新しいコンテンツ
新しい入力タイプには、数値 (数値)、日付 (日付)、色 (カラー)、範囲 (範囲) などが含まれます。
新しいインライン要素には、時間、メーター、進行状況が含まれます。
新しい埋め込み要素はビデオとオーディオです。新しい対話型要素は、詳細、データグリッド、コマンドです。
5.
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
