코딩 프론트엔드
레이아웃 태그 HTML5 layout tags 알아보기
이번에는 html5 태그 중에서 레이아웃을 구성하는 7개의 기본 태그를 알아보자. 안에 들어오는 주요 레이아웃 관련 태그라고 생각하면 된다. 중요함! 아래 네이버 페이지를 기본으로 참고해보자. 태그 설명 보기전에 이미지로 이렇게 박스 나눠 보면 좀더 이해 편함. 여기까지 보았다면, 레이아웃 태그에 대해서 7개를 알아보자. 레이아웃 태그 HTML5 layout tags 알아보기 사이트의 로고, 기본 메뉴 등이 오는 위치다. 요즘은 대부분 상단에 위치하고 있다. 말 그대로 머리라고 생각하면 된다. 네비게이션을 줄인 나비. 나비를 따로 지정하면 웹 접근성에서 빠르게 찾아서 메뉴를 선택 할 수 있다. 나비 안에 태그는 정렬태그(ol, ul, li)로 네비 순서를 정하면 더욱 좋음. 사이트맵 구성할때도 사용한다고..
2022. 12. 1. 12:39