728x90
반응형
link 태그
주로 외부 스타일 시트를 연결 할때 사용
<link>요소는 빈 태그이며, 속성만을 포함
<head>
<link rel="stylesheet" type="text/css" href="/examples/media/expand_style.css">
</head>
audio 태그
음악이나 오디오 스트림과 같은 사운드 정의할 때 사용
<audio> 요소는 현재 MP3, WAV, Ogg의 세 가지 포맷 파일을 지원
<audio src="sample/audio/major.mp3" controls loop muted></audio>
<audio controls>
<source src="sample/audio/major.mp3" type="audio/mpeg">
<!-- fallback -->
당신의 브라우져는 음원재생을 지원하지 않습니다. 브라우져를 업데이트 해주세요
</audio>
video 태그
무비클립이나 비디오 스트림과 같은 비디오를 정의할 때 사용
<video> 요소는 현재 MP4, WebM, Ogg의 세 가지 포맷 파일을 지원
<video src="sample/video/small.mp4"
controls
muted
loop
poster="sample/image/hyunta.jpg"></video>
<video>
<!-- 웹브라우져 : mp4, webm, ogg
모바일기기 : mp4, 3gp -->
<source src="sample/video/small.mp4" type="video/mp4">
<source src="sample/video/small.ogv" type="video/ogv">
<source src="sample/video/small.webm" type="video/webm">
당신의 브라우져는 비디오를 재생할 수 없습니다.
</video>
audio태그와 video태그의 공통속성
|
속성 |
속성값 |
설명 |
|
autoplay |
autoplay |
실행될 준비가 끝나는 대로 자동으로 실행됨을 명시함 |
|
controls |
controls |
플레이 버튼이나 정지 버튼과 같이 오디오 혹은 비디오의 실행을 제어할 수 있는 제어기가 표시됨을 명시함 |
|
loop |
loop |
재생이 끝나면 자동으로 또다시 재생됨을 명시함 |
|
muted |
muted |
음성 출력이 음소거됨을 명시함 |
|
preload |
auto metadata none |
페이지가 로드될 때 오디오 혹은 비디오 파일이 같이 로드되어야 하는지 여부와 그 방법을 명시함 |
|
src |
URL |
파일의 위치(URL)를 명시함 |
반응형
'프로그래밍 > HTML' 카테고리의 다른 글
| 07.02(semantic tags) (0) | 2020.07.02 |
|---|---|
| 09.11(form) (0) | 2020.06.11 |
| 06.09(div와 span, iframe) (0) | 2020.06.09 |
| 06.08(table) (0) | 2020.06.08 |
| 06.05(목록관련 태그와 표관련 태그) (0) | 2020.06.05 |