블록, 인라인, 레이아웃 태그

CHan·2022년 11월 6일
0

블록 레벨 요소 : 요소마다 한 줄(블록)을 다 차지하는 요소

hn(제목), p(문단), 
ul, ol, dl(리스트), li(리스트 항목), 
table(표), div(아무 의미 없는 박스), 
header(내용의 헤드), section(내용들의 덩어리), 
article(단일 내용, 기사 등), aside(좌우 배치되는 요소들), 
footer(하단 반복 요소들), nav(사이트 메뉴 묶기)

인라인 레벨 요소 : 요소들이 내용의 영역 만큼만 차지하여 가로 줄에 표시

a(anchor, 링크)
span(소단위의 글씨)
input, label
i(italic), b(bold) - 모양만 강조이지 인덱싱 할 때는 아무 의미 없다
em(emphasize), strong – 위와 같은 모양을 유지하면서 인덱싱에 의미를 부여

레이아웃을 구성하는 태그 div, span
div 태그는 블록요소로 하나의 블록 형태로 한 줄을 차지한다.

span 태그는 인라인요소로 콘텐츠 각 크기만큼의 영역을 차지해서 한 줄에 여러 개 표시가 가능하다.
profile
Hello World!

0개의 댓글