처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / HTML / 문제

HTML5에서 새로 추가된 <search> 요소의 시맨틱 의미는?

보통 MDN Web Docs
보기 및 정답
A 검색 엔진 최적화(SEO) 스크립트를 삽입하는 전용 영역 태그를 제공한다
B 검색 기능과 관련된 폼이나 콘텐츠를 감싸는 랜드마크 역할을 한다
C 페이지 내 Ctrl+F 검색 기능을 활성화하는 전용 요소
D 외부 검색 엔진 API를 자동으로 연결하여 검색을 수행

해설

<search> 요소는 검색이나 필터링 기능과 관련된 콘텐츠를 감싸는 시맨틱 컨테이너로, ARIA의 role="search"와 동일한 랜드마크 역할을 합니다. 스크린 리더 사용자가 페이지의 검색 영역을 쉽게 찾을 수 있게 해주며, 이전에 role 속성으로 해결하던 것을 HTML 태그로 대체합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기