HTML5 미디어 태그

미디어 태그는 이미지, 오디오, 비디오 등 멀티미디어를 넣을 때 사용한다.

 

내용물 여부	태그	설명
내용물을 가질 수 있는 태그	<audio></audio>	음악 삽입
	<video></video>	영상 삽입
내용물을 가질 수 없는 태그	<img>	이미지 삽입

audio 태그는 HTML5부터 추가된 기능이기 때문에 그 이하 버전에선 동작하지 않는다.

 

미디어 태그 속성

이미지, 오디오, 비디오에 필요한 추가 정보는 속성을 사용한다.

태그	속성	설명
img 태그	src	이미지의 경로 지정
	alt	이미지가 없을 때 나오는 글자 지정
	width	이미지의 너비 지정
	height	이미지의 높이 지정
audio, vedio 태그	scr	음악, 비디오 파일의 경로 지정
	preload	음악, 비디오를 준비 중일 때 데이터를 모두 불러올지 여부 지정
	autoplay	음악, 비디오의 자동 재생 여부 지정
	loop	음악, 비디오의 반복 여부 지정
	controls	음악, 비디오 재생 도구 출력 여부 지정
video 태그	width	비디오의 너비 지정
	height	비디오의 높이 지정

 

[참고] HTML5 웹 프로그래밍 입문(3판)