레이아웃
-
HTML - 레이아웃 / 시멘틱 태그프로그래밍/HTML & CSS 2021. 9. 14.
- 시멘틱 구조 태그는 한눈에 보기 쉽게 하기 위함이다. 어디가 제목이고 어디가 본문이고 어디가 하단인지 등등 CSS를 적용함에도 있어서 시멘틱 구조로 짜야 좋다. 메뉴 입니다. 메인 화면 입니다. header 태그 머릿글 태그, 소개 등을 지정 nav 태그 외부 페이지로 연결되는 링크의 모음. 일반적으로 메뉴를 구현 aside 태그 사이드바 태그 main 태그 해단 문서의 주 콘텐츠를 정의 article 태그 문서, 페이지, 애플리케이션에 포함되며, 그 자체로 독자적으로 완성된 내용을 담고 있음 session 태그 문서의 세션을 정의 div 태그 여러 태그를 묶을때 사용 푸터 입니다. - 처음에 스타일로 전체에 margin과 padding을 0으로 설정한다. (이래야 편함) - 시멘틱 태그들의 순서를 ..