HTML 예제 10 / 20
<div> 는 의미 없는 블록(줄바꿈 O) 컨테이너, <span> 은 의미 없는 인라인(줄바꿈 X) 컨테이너입니다.
div
span
block
inline
💡 이렇게 바꿔보세요
- div/span 은 스타일을 주기 위한 훅(hook) 정도로만 생각하세요 — 의미가 있다면 시맨틱 태그를 우선 고려
- span 에
display: block 을 주면 div 처럼 동작하게 만들 수도 있어요 (css-display 예제 참고)
- 여러 요소를 하나로 묶어 마진/정렬을 줄 때 div 가 가장 많이 쓰여요
← HTML 예제 목록