1. <audio>

소리 콘텐츠(MP3)를 삽입.

autoplay 가 지정된 경우, preload는 무시됨

→ autoplay : 준비되면 바로 재생

값 : 불린(Boolean)

→ controls : 제어 메뉴를 표시

값 : 불린(Boolean)

→ loop : 재생이 끝나면 다시 처음부터 재생

값 : 불린(Boolean)

→ preload : 페이지가 로드될 때 파일을 로드할지를 지정 (기본 값 : metadata)

값 : none : 로드하지 않음, metadata : 메타데이터만 로드, auto : 전체 파일 로드

→ src : 콘텐츠 URL

→ muted : 음소거 여부

값 : 불린(Boolean)

2. <video>

동영상 콘텐츠(MP4)를 삽입

→ autoplay : 준비되면 바로 재생

값 : 불린(Boolean)

→ controls : 제어 메뉴를 표시

값 : 불린(Boolean)

→ loop : 재생이 끝나면 다시 처음부터 재생

값 : 불린(Boolean)

→ poster : 동영상 썸네일 이미지 URL

→ preload : 페이지가 로드될 때 파일을 로드할지를 지정 (기본 값 : metadata)

값 : none : 로드하지 않음, metadata : 메타데이터만 로드, auto : 전체 파일 로드

→ src : 콘텐츠 URL

→ muted : 음소거 여부

값 : 불린(Boolean)

→ width : 동영상 가로 너비

→ height : 동영상 세로 너비

3. <figure>, <figcaption>

<figure> 는 이미지나 삽화, 도표 등의 영역을 설정.

<figcaption> 는 <figure> 에 포함되어 이미지나 삽화 등의 설명을 표시

<figure>
  <img src="milk.jpg" alt="A milk"> /* 이미지 */
  <figcaption>Milk is a nutrient-rich, white liquid food produced 
	by the mammary glands of mammals.</figcaption> /* 이미지에 대한 설명 */
</figure>

4. <iframe>

다른 HTML 페이지를 현재 페이지에 삽입.

→ name : 프레임의 이름

→ src : 포함할 문서의 URL

→ width : 프레임의 가로 너비

→ height : 프레임의 세로 너비

→ allowfullscreen : 전체 화면 모드 사용 여부

값 : 불린(Boolean)

→ frameboeder : 프레임 테두리 사용 여부

값 : 0, 1

→ sandbox : 보안을 위한 읽기 전용으로 삽입

값 : 불린(Boolean) or

allow-form (양식 제출 가능), allow-scripts (스크립트 실행 가능), allow-same-origin (같은 출처(도메인)의 리소스 사용 가능

<iframe width="1280" height="720" src="[<https://www.youtube.com/embed/Q9yn1DpZkHQ>](<https://www.youtube.com/embed/Q9yn1DpZkHQ>)" frameborder="0" allowfullscreen></iframe>

5. <canvas>

Canvas API이나 WebGL API를 사용하여 그래픽이나 애니메이션을 랜더링.

→ width : 캔버스의 가로 너비

→ height : 캔버스의 세로 너비

[ Canvas API ]