HTML 예제 5 / 20
<img> 은 닫는 태그가 없는 빈 요소입니다. alt 는 이미지가 안 보일 때(스크린리더, 로딩 실패)를 위한 필수 대체 텍스트예요.
img
alt
figure
반응형 이미지
💡 이렇게 바꿔보세요
width/height 를 미리 지정하면 이미지 로딩 중 레이아웃이 덜컹거리는(CLS) 것을 막아줘요- 장식용 이미지는
alt="" (빈 문자열)로 — 스크린리더가 건너뜁니다
- 실제 서비스에서는
src 에 실제 파일 경로(/static/img/...)를 씁니다. 여기선 예시로 data URI(SVG)를 사용했어요
← HTML 예제 목록