웹개발/부스트코스(웹프로그래밍)

HTML 레이아웃 태그(Layout tag)

개발일기 2018. 12. 14. 11:38
반응형


레이아웃을 위한 태그


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


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



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

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





참조사이트

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

반응형