목록시맨틱 구조 (1)

홍카나의 공부방

[HTML] 레이아웃 배치와 시맨틱 태그

배치의 중요성 - CSS 우겨 넣으면 유지보수가 어렵고, 변경사항 있으면 대응하기 어렵다. - 반응형 만들 때도 배치를 잘못 잡으면 엄청나게 어렵다. 그러면 HTML 구조와 레이아웃은 어떻게 잡으면 좋을까? 배치 쉽게 하는 방법 - 먼저 가로 방향으로 가상의 구역을 나눠본다. 항상 가로 먼저. - 가로로 나눈 가상의 구역에서 또 가로로 나눌 수 있는 구역을 생각해본다. - 더 이상 가로로 나눌 수 없으면 세로 방향으로 잘라서 레이아웃 배치를 진행한다. 시맨틱 태그(Semantics) - div 태그만으로는 어떤 역할을 하는지 알 수 없다. - 그래서 이런식으로 역할을 알려줬었다. - HTML5가 들어오면서 id="header", id="footer" 이런식으로 많이 쓰다보니까, 그냥 를 만들어줬다. - ..
Web/HTML+CSS 2022. 12. 27. 22:15
이전 Prev 1 Next 다음