<search>
<search> 要素は、検索やフィルタリング機能に関連するフォームコントロールやコンテンツを含むセクションを表します。
概要
<search> 要素は、検索やフィルタリング機能に関連するフォームコントロールやコンテンツを含むセクションを表します。
対応ブラウザ
デスクトップ
Chrome 118+
Edge 118+
Safari 17+
Firefox 118+
モバイル
Chrome Android 118+
Safari iOS 17+
Firefox Android 118+
基本構文
HTML
<search>
<form action="/search" method="get">
<label for="q">サイト内検索:</label>
<input type="search" id="q" name="q" placeholder="キーワード">
<button type="submit">検索</button>
</form>
</search>実務での使いどころ
-
<search> の活用
検索機能に関連するコンテンツを含むセクション要素。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。