<svg>
그림·소리·영상
크기를 키워도 깨지지 않는 벡터 그림을 문서 안에 직접 그립니다.
| 쓰는 법 | <svg></svg> |
|---|---|
| 닫는 태그 | </svg> |
| 닫지 않는 태그 | 아님 — 닫아야 합니다 |
| 자주 쓰는 속성 | viewBox, width, height |
| 갈래 | 그림·소리·영상 |
읽는 방법
- 태그는 대개 여는 것과 닫는 것이 짝을 이룹니다. img나 br처럼 내용이 없는 태그만 닫지 않습니다.
- 닫지 않는 태그에 </br>을 붙이면 브라우저가 무시하거나 빈 줄이 하나 더 생깁니다.
- 보이는 모양은 CSS가 정합니다. 태그는 "이것이 무엇인가"를 말하고, 굵게·기울임은 그 결과일 뿐입니다.
- 뜻이 맞는 태그를 고르면 검색과 화면 낭독이 함께 좋아집니다. div로 다 감싸면 그 정보가 사라집니다.
자주 묻는 질문
Q. HTML <svg> 태그는 무엇인가요?
크기를 키워도 깨지지 않는 벡터 그림을 문서 안에 직접 그립니다.
Q. <svg>는 어떻게 쓰나요?
<svg></svg> 꼴로 씁니다. 여는 <svg>와 닫는 </svg>가 짝을 이룹니다.
Q. <svg>에 자주 쓰는 속성은?
viewBox, width, height 등을 함께 씁니다.
Q. <svg>는 어느 갈래인가요?
그림·소리·영상 갈래입니다.