<search> Element는 검색 또는 필터링에 사용되는 섹션을 나타냅니다. 여기에는 텍스트 입력, 드롭다운, 버튼 등의 양식 컨트롤이 포함되어야 하며, 검색 또는 필터링 범위는 한 문서에서부터 인터넷 전체에 이르기까지 무엇이든 될 수 있습니다.
주의
만약, 검색된 결과만을 보여주기 위해서 Search Element를 사용하는 것은 적절하지 않습니다.Example 1 아래의 예시는
<form>Element를 감싸기 위해서<search>Element를 사용하였습니다.
<search>
<label for=s>Site</label>
<input type=search id=s>
<button>Go!</button>
</search>Example 2 아래의 예시는 한 페이지에 두 가지 검색 영역을 같는 케이스 입니다.
<body>
<header>
...
<search title="Website">
...
</search>
</header>
<main>
<h1>Hotels near your location</h1>
<search>
<h2>Filter results</h2>
...
</search>
<article>
<!-- search result content -->
</article>
</main>
</body>이 <search> Element는 2023년 5월 기준으로, 추가된지 얼마 되지 않는 스펙이기 때문에, 모든 브라우저에서 제공되지는 않습니다. 이 점을 고려하여 role="search"를 사용하는 방법도 좋은 방법입니다. 물론 점차 <search> Element의 사용 하는것이 좋습니다.