【HTML Living Standard】search要素の使い方
search要素の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
searchオブジェクトは、HTML Living Standardで定義されているセマンティックな要素であり、文書やアプリケーション内で検索機能やフィルタリング操作に関連するコンテンツを含む部分を表すオブジェクトです。具体的には、サイト内検索フォーム、特定の検索結果のリスト、あるいはコンテンツを絞り込むための入力フィールドやボタンなどのインターフェースをマークアップする際に使用されます。
この要素は、単に見た目を整えるだけでなく、ウェブページの構造に意味的な情報を提供します。これにより、検索エンジンがページのどの部分が検索機能として機能しているかをより正確に理解しやすくなるほか、特に支援技術（スクリーンリーダーなど）を利用するユーザーにとってのアクセシビリティが大幅に向上します。例えば、スクリーンリーダーは<search>要素を認識し、ユーザーにページのどこに検索機能があるかを明確に伝えることができるため、ユーザーはより効率的に目的のコンテンツにアクセスできるようになります。
searchオブジェクトの使用は、ウェブサイトのナビゲーションや情報探索のユーザーエクスペリエンスを向上させる上で重要な役割を果たします。文書内に複数の検索機能が存在する場合でも、通常は最も主要な検索機能に対してこの要素を使用することが推奨されますが、それぞれの検索機能が独立したセクションである場合は複数回使用することも可能です。この要素を適切に利用することで、よりセマンティックでアクセシブルなウェブコンテンツの作成に貢献します。
公式リファレンス: <search>: The generic search element
構文(syntax)
1<search> 2</search>
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません