タグの意味認識は HTML5 のコンテンツです。次の図は HTML5 の要素です。
要素のデフォルトの表現形式に応じて、ブロック、インライン (インライン)、インライン ブロックの 3 種類の要素に分けることもできます。
、
、
HTML5 スタイルを使用して HTML ファイルを記述する場合、次の例のように、DOCTYPE を使用してクライアントにドキュメントの解析方法を指示し、HTML は直接「html」になります。
<!DOCTYPE html> <html> <head> <title></title> </head> <body> </body></html>
html5 には、div 関数を置き換えたり、関数を部分的に置き換えたりするための構造ベースの要素が多数あります。したがって、HTML5 を使用する際に従うべき原則は、強制ではなく自己正当化です。
HTML5 仕様によると、クラシックなページのデザインは上に示したとおりです。
ヘッダーから始めましょう。ヘッダーには通常、タイトル、サブタイトルなどが含まれます。複数のタイトルがある場合は、hgroup を使用して要素をラップする必要があります。
nav の主なコンテンツは、ナビゲーション情報とこのサイトの紹介コンテンツです。パス セットは、ol と ul を使用して形成されます。 hgroup および h パッケージも使用できるその他の導入要素です。
article 要素は、ページの実際のコンテンツを記述します。hgroup、h またはセクション、h、p を使用して、コンテンツをさらに構造化できます。もちろん、ヘッダーやフッターを追加することもできます。
section 要素は、グループのコンテンツ情報を記述します。テキストをグループ化する必要がある場合に使用できます。コンテンツ情報は、メディア要素 (オーディオ、ビデオ) を通じて簡単に記述することもできます。 embed は、Flash 埋め込みコンテンツを記述するためによく使用されます。内容を説明する必要がある場合、図を使用して内容に関連する情報を説明できます。
余談は本文とは関係のない補助的な情報を記述します。一部の記事や Web サイトのガジェットの注意情報を余談として記述できます。 footer はフッター情報です。
この部分の詳細については、shyleoking と IBMDW を参照してください。
html5 ではセマンティクスに関するコンテンツが非常に多く追加されていますが、セマンティクスとは正確には何でしょうか?
Web セマンティクスは、単純にマシンがデータ コンテンツを理解できるようにすることで、インターネットを使用して情報を取得する人間のエクスペリエンスを向上させます。 Web セマンティクスに加えて、人工知能 (AI) を使用して、機械によるデータの理解を強化することもできます。電子メールで開発されたドキュメント モデル (BOM、DOM) は、人間が読むのに便利です。データから表現されたオントロジーへのマッピングを機械が理解できるようにするには、Web セマンティクスを使用する必要があります。 (ハイパーテキストは、テキスト プロトコルを介してドキュメントの関係を拡張する機能です)
HTML 仕様は、実際に多くの要素と属性を設計する際に、さまざまなユーザーがアクセスできるようにする方法をすでに検討しています。そして、Web クローラーでさえ HTML ドキュメントをよりよく理解します。上で説明したように、HTML5 は以前の仕様に基づいており、すべてのプレゼンテーション層の意味記述を変更または削除し、より豊かな意味を表現できる多くの要素を追加しています。
さらに理解するには、Zhihu Q&A をお読みください。
検索エンジンは、Web クローラーを使用して Web サイト情報をクロールし、インデックスを構築します。たとえば、Google のロボットや Baidu の Baiduspider などです。検索エンジン最適化 (SEO) は、Web サイト関連スタッフによって、検索エンジンのクロール レベルを向上させ、Web サイトのランキングを向上させるために使用されます。ホワイトハット方式とブラックハット方式に分けられます。ホワイトハット手法では、ランキングの低下につながるエラーを見つけて修正し、検索エンジンをより使いやすくします。たとえば、グラフィック コンテンツを最適化し、ALT 属性を含め、テキストの説明を追加します。
検索エンジンは通常、関連するガイドラインを公開しており、この文書には、検索エンジンにとって許容されるものと許容されないものに従うためのガイドラインが含まれています。
たとえば、Baidu の Baidu SEO ガイド:
説明メタ タグを有効に活用する
上記では、検索エンジンによる AJAX の情報キャプチャについても説明しています。 Baidu はクロールをサポートしていないようですが、Google はすでにクロールをサポートしています。また、HTML の履歴 API を使用すると、検索エンジンが単一ページの更新されたコンテンツを取得できるようになります。詳細については、ruanyifeng の記事をご覧ください
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
