반응형


레이아웃을 위한 태그


레이아웃을 구성하는 태그도 역시 그 의미에 맞춰서 사용됩니다. 


  • header - 문서 또는 섹션의 머리글 정의
  • section - 문서에서 각부분 정의
  • nav - 탐색 링크용 컨테이너 정의
  • footer - 문서 또는 섹션의 바닥글을 정의
  • aside -내용에서 별도로 내용 정의(예: 사이드바)



html태그는 레이아웃을 할 때도 그 의미에 맞는 것을 찾아 사용해야 검색도 더 잘되고, 가독성 있는 코드를 만들 수 있게 됩니다. 

지금 언급된 태그들은 예를 들어 아래와 같은 화면으로 구성됩니다.





참조사이트

https://www.w3schools.com/html/html_layout.asp

반응형

'웹개발 > 부스트코스(웹프로그래밍)' 카테고리의 다른 글

Class와 id 속성  (0) 2018.12.14
HTML 구조설계  (0) 2018.12.14
HTML tag  (0) 2018.12.14
WAS(Web Application Server)  (0) 2018.12.13
웹서버  (0) 2018.12.13
  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기