1. div & span

div

• 콘텐츠 분할 요소입니다. 여러 태그들을 그룹핑하기 위한 태그입니다.
• 블록 요소입니다.
• CSS로 스타일을 주기 전에는 콘텐츠나 레이아웃에 어떠한 영향도 주지 않습니다.

<aside> 💡 프론트엔드 개발에서는 div 태그 사용은 스타일 적용을 위한 용도로 사용할것을 권장합니다. (검색엔진최적화, 코드 가독성, 접근성 등의 이유) header, footer, main, section, article, nav 등 다양한 시맨틱한 태그들을 사용하여 콘텐츠를 분할하고 그룹핑 합니다.

</aside>

span

• 인라인 요소입니다
• div와 마찬가지로 CSS로 스타일을 주기 전에는 콘텐츠나 레이아웃에 어떠한 영향도 주지 않습니다.

2. Sections

header

• 소개 및 탐색에 도움을 줍니다.

• 회사명, 제목, 로고, 검색 폼, 작성자 이름 등의 요소가 포함 될 수 있어요.

• head 태그와 혼동하지 마세요!

• 헤더를 중첩 사용하거나 헤더 안에 푸터를 사용할 수 없습니다

  <!-- 잘못된 예 -->
  <header>
  	<header></header>
  </header>
  
  <header>
  	<footer>
  	</footer>
  </header>
  

nav