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