화면·디자인 · 필수
시맨틱 마크업Semantic HTML
div 대신 header·nav·main처럼 뜻이 있는 태그로 구조를 적는 것.
스크린리더와 검색 엔진 모두 이 구조를 보고 페이지를 이해합니다. 제목은 h1부터 순서대로 쓰고, 클릭되는 것은 button, 이동하는 것은 a를 씁니다.
“클릭 이벤트가 달린 div를 button으로 바꾸자 키보드 탐색이 저절로 됐다.”
다른 이름semantic html · 의미 있는 마크업
화면·디자인 · 필수
div 대신 header·nav·main처럼 뜻이 있는 태그로 구조를 적는 것.
스크린리더와 검색 엔진 모두 이 구조를 보고 페이지를 이해합니다. 제목은 h1부터 순서대로 쓰고, 클릭되는 것은 button, 이동하는 것은 a를 씁니다.
“클릭 이벤트가 달린 div를 button으로 바꾸자 키보드 탐색이 저절로 됐다.”
다른 이름semantic html · 의미 있는 마크업