[HTML] Tag ; canvas, caption, cite
Web Design/HTML & HTML 52018. 5. 10. 16:50
[HTML] Tag ; canvas, caption, cite
C01. [ canvas ]
☞ 정의 : canvas요소는 스크립트와 해상도에 의존하는 비트맵 캔버스를 제공합니다.
☞ 속성
- width : 요소의 너비를 지정합니다.
- height : 요소의 높이를 지정합니다.
☞ 설명
- 그래프, 게임 그래픽, 비주얼 이미지들을 바로바로 랜더링하는 용도로 사용됩니다.
example:
<canvas id="myCanvas" width="200" height="100"></canvas>
C02. [ caption ]
☞ 정의 : caption요소는 자신의 부모요소인 table요소의 제목을 지정합니다.
☞ 설명
- table요소의 바로 다음에 기술됩니다.
- caption요소는 테이블의 문맥을 소개하여 쉽게 이해할수 있도록 해줍니다.
example:
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$50</td>
</tr>
</table>
</body>
</html>
C03. [ cite ]
☞ 정의 : cite요소는 작품의 제목을 표시합니다.
☞ 설명 :
- 사람의 이름이 작품과 관련있다고 하더라도 cite로 마크업해서는 안됩니다. 가령 사람 이름은 b요소나 span요소를 사용하도록합니다.
- cite요소에 작품의 제목 이상의 것을 포함해서는 안됩니다.
- cite요소는 인용문과는 구별되므로 반드시 제목을 마크업하는 용도로만 사용해야 합니다.
example :
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
'Web Design > HTML & HTML 5' 카테고리의 다른 글
| [HTML] Tag ; datalist, dd, del (0) | 2018.05.29 |
|---|---|
| [HTML] Tag ; code, col, colgroup, command (1) | 2018.05.29 |
| [HTML] Tag ; body, br, button (0) | 2018.05.08 |
| [HTML] Tag ; bdo, big, blockquote (0) | 2018.05.08 |
| [HTML] Tag ; b, base, bdi (0) | 2018.05.08 |
