セマンティック HTML

セマンティック HTMLは、 HTMLマークアップを使用して、 Web ページやWeb アプリケーション内の情報の表現や外観を定義するだけでなく、そのセマンティクス、つまり意味を強化します。セマンティック HTML は、従来のWeb ブラウザーだけでなく、他の多くのユーザー エージェントによって処理されます。CSSは、人間のユーザーにどのように表示されるかを示すために使用されます。

HTML には、その誕生以来、セマンティック マークアップが含まれています。^[1] HTML ドキュメントでは、作成者は、とりわけ「タイトルから始める、見出しや段落を追加する、テキストに強調を追加する、画像を追加する、他のページへのリンクを追加する、さまざまな種類のリストを使用する」ことができます。^[2]

HTML 標準のさまざまなバージョンには、(HTML 3.2 で追加、HTML 4.0 Strict で削除)、(すべてのバージョン)、 (HTML 3.2 で追加)などのプレゼンテーション マークアップが含まれています。意味的に中立なspan 要素と div要素もあります。1990 年代後半にカスケーディング スタイル シートがほとんどのブラウザーで機能し始めたときから、Web 作成者はコンテンツとプレゼンテーションの分離を目的として、プレゼンテーション HTML マークアップの使用を避けるように推奨されてきました。^[3]<font><i><center>

2001 年、ティム・バーナーズ＝リーはセマンティック Webの議論に参加し、インテリジェントなソフトウェア「エージェント」が将来自動的に Web をクロールし、以前は関連のなかった公開済みの事実を見つけ、フィルタリングし、相関させてエンド ユーザーの利益を図るようになるだろうと発表されました。^[4]このようなエージェントは今でも一般的ではありませんが、Web 2.0、マッシュアップ、価格比較 Web サイトのアイデアの一部は実現に近づいている可能性があります。これらの Web アプリケーション ハイブリッドとバーナーズ＝リーのセマンティック エージェントの主な違いは、現在の情報の集約とハイブリッド化は通常、マッシュアップ、比較、結合したい特定のデータの Web 上の場所とAPI セマンティクスを既に知っている Web 開発者によって設計されているという点です。

事前に何を見つけるか知らなくても、自動的に Web ページをクロールして読み取る重要なタイプの Web エージェントは、Web クローラーまたは検索エンジン スパイダーです。これらのソフトウェア エージェントは、さまざまな手法とアルゴリズムを使用して 1 日に何百万もの Web ページを読み取ってインデックスを作成し、Web ユーザーに検索機能を提供するため、見つけた Web ページの意味の明確さに依存しています。

検索エンジンのスパイダーがHTML文書内で見つかったテキストの重要性を評価できるようにするには、また、マッシュアップやその他のハイブリッドを作成する人や、開発されるより自動化されたエージェントのために、公開された情報の意味を明らかにするために、HTMLに存在する意味構造を広く均一に適用する必要があります。^[5]

真のセマンティック ウェブは複雑なRDF オントロジーとメタデータに依存しているかもしれませんが、すべての HTML ドキュメントは、見出し、リスト、タイトル、およびその他のセマンティック マークアップを可能な限り正しく使用することで、ウェブの意味の強化に貢献しています。この「プレーンな」HTML の使用は、「Plain Old Semantic HTML」または POSH と呼ばれています。^[6] Web 2.0 の「タグ付け」を正しく使用すると、多くの人にとって同等かそれ以上に意味のあるフォークソノミーが作成されます。[ 5 ] HTML ⁵ では<section>、、、、、、、、、、などの新しいセマンティック要素が導入されました。^{[7]全体として、} W3Cの目標は<article>、ブラウザー、開発者、およびクローラーがさまざまな種類のデータをより適切に区別するための方法を徐々に導入し、さまざまなデバイスのブラウザーでの表示が改善されるなどの利点を実現することです。 <footer><progress><nav><aside><mark><time>

プレゼンテーション要素は、HTML 4.01およびXHTML勧告では正式には非推奨とされていません<i>でしたが、推奨されていませんでした。HTML 5では、やなどの一部の要素は、<b>その意味が明確に定義されているため、「通常の文章からスタイル的にオフセットされ、余分な重要性を伝えないように」指定されています。^{[8] [9]}

文書がHTMLだけで表現されるものよりもより正確なセマンティクスを必要とする場合、文書のフラグメントは、やなどの意味のあるクラス名^[10]spanを持つ要素または要素で囲まれることがあります。これらのクラス名がスキーマまたはオントロジー内のフラグメント識別子でもある場合、より定義された意味にリンクすることができます。マイクロフォーマットは、 HTMLでのセマンティクスに対するこのアプローチを形式化します。 div<span class="author"><div class="invoice">

このアプローチの重要な制限の1つは、要素の包含に基づくこのようなマークアップは、整形式の条件を満たさなければならないということです。これらの文書は広くツリー構造になっているため、サブツリーからのバランスの取れたフラグメントのみがこの方法でマークアップできることを意味します。^{[11] [12] HTMLの任意のセクションをマークアップする手段には、} XPointerなどのマークアップ構造自体とは独立したメカニズムが必要です。

適切なセマンティック HTML は、Web ドキュメントのアクセシビリティも向上させます ( Web コンテンツ アクセシビリティ ガイドラインも参照)。^[要出典]たとえば、スクリーン リーダーやオーディオ ブラウザーがドキュメントの構造を正しく把握できれば、正しくマークアップされている情報を繰り返し読み上げたり無関係な情報を読み上げたりして、視覚障害のあるユーザーの時間を無駄にすることがなくなります。

2010 年にGoogleは、ウェブページ内の構造化されたセマンティック コンテンツを見つけるために Google システムが使用する構造化メタデータの 3 つの形式を指定しました。レビュー、人物プロフィール、ビジネス リスト、イベントに関連するこのような情報は、Google によって「スニペット」、つまりページが検索リストに表示されるときに表示される短い引用テキストの強化に使用されます。Google は、そのデータはマイクロデータ、マイクロフォーマット、またはRDFa を使用して提供できると指定しています。^[13]マイクロデータは、既存の HTML 要素に追加されたitemtypeおよびitemprop属性内で指定されます。マイクロフォーマット キーワードは、前述のように属性内に追加されますclass。RDFa は、既存の要素に追加された 、 および 属性に依存しますrel。typeof[ property14 ^]

• CP/LD (コンテンツ プロファイル/リンク ドキュメント)
• HTML 要素(完全なリスト)
• HTML ランドマーク
• マイクロデータ (HTML)
• マイクロフォーマット
• RDFa
• セマンティックウェブ
• セマンティクス（コンピュータサイエンス）
• テキスト

• schema.org は、2011 年 6 月 2 日にBing、Google、Yahoo!によって開始されたイニシアチブです。