HTML 문서와 웹사이트 구조

페이지의 구성 요소

1. header: 큰 제목과 로고 등이 있는, 웹페이지에서 주요 정보가 위치하는 곳
2. navigation bar: 홈 페이지의 메인 섹션으로 연결 //많은 웹 디자이너들은 네비게이션 바를 개별적인 구성 요소로 사용하기 보단 header bar의 일부로 다루지만 이는 필수 사항이 아님
3. main content: 웹 페이지에서 가장 독특한 컨텐츠를 포함하고 있는 중심의 큰 부분
4. sidebar: 주변의 정보, 링크, 인용 부호, 광고
5. footer: 페이지 바닥의 줄로 일반적으로 작은 정보, 저작권 정보 또는 연락처 등을 포함함

 

***semantic을 고려해서 요소를 적재적소에 사용해야 함 -> 시각 장애인들에게는 색상과 글꼴이 중요하지 않기 때문임

화면이 전체 스토리를 말해주지 않음

 

• header: <header>.
• navigation bar: <nav>.
• main content: <main>, <article>, <section>,<div> 의 다양한 하위 섹션이 있습니다.
• sidebar: <aside>; 종종 <main>안에 위치합니다.
• footer: <footer>

wrapper

• <span>: 인라인 비의미적 요소
• <div>: 블록 수준의 비의미적 요소

 

줄 바꿈

• <br>: 줄 바꿈
• <hr>: 수평선 작성

https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure