시맨틱
-
[멋쟁이사자처럼] 프론트엔드 스쿨 7기 - 7일차 기록 및 복습Front-end 개발 2023. 7. 11. 12:32
목차 1. Web Layout Histroy 2. Sections 3. float 4. flex 6. Web Accessibility 1. 웹 레이아웃 히스토리 - 레이아웃 도구가 아예 없던 시절에는 텍스트의 정렬만 가능했다. - 은 데이터의 본 목적과 다르게 배치를 위해 사용됨 다양한 브라우저에서 깨지지 않기 위해 뉴스 레터에서 Table 을 쓰는 이유 - 을 사용하여 레이아웃 구성 - 로 레이아웃 구성 (div, Box Model, Float, Position 등을 이용하여 레이아웃) (HTML5 나왔지만, 구번전의 Explorer 대응을 위해 div 로 작성됨(Not Symentic)) - 시맨틱한 마크업 (Flex, Grid) 을 이용한 레이아웃 구성 - 시맨틱 마크업의 이점 (1) SEO (검색..