파도가 칠 때는 서핑을

Soon as possible

Wait!

공부/WEB

[HTML] <div>와 <span> 태그

hyeonhki 2021. 3. 15. 23:18
728x90

- <div> 태그란

  • Division Maker의 줄임말로 영역을 구분 짓는 태그 엘리먼트로 작동
  • 레이아웃을 나눌 때 사용하는 태그로 콘텐츠의 형태를 변형시키지는 않지만 하위에 있는 여러 요소를 묶어 스타일을 변경시킬 수 있다.

- <article>, <section>, <header>, <nav> 는 뭘까

  • 모두 기본적으로 div와 같은 역할
  • div 태그에 의미를 부여한 것!
이름 의미 역할
header 전체의 머리말 주로 제목과 로고 콘텐츠의 목차를 묶어준다
article 내용을 독립적으로 구성하는 하나의 완전한 콘텐츠 주 내용
nav navigation link : 다른 페이지간 이동! 메뉴, 목차, 인덱스 등이 있으며, header나 article 내부에 위치할 수 있음
hgroup 문서 제목을 다단계로 주제목, 부제목 등을 묶는 듯

- span 태그

  • div와 같은 역할을 하고 별 다른 의미 없음
  • div는 블록, span은 인라인
728x90

'공부 > WEB' 카테고리의 다른 글

[CSS] em / ex / px / % 크기단위  (0) 2021.03.16
[CSS] z-index  (0) 2021.03.15
[CSS] 선택자 내용  (0) 2021.03.15
[HTML] 줄바꿈 : br과 p  (0) 2021.03.15
[Markdown] 처음을 위한 마크다운 작성법  (0) 2021.03.15