html5 소스 태그를 사용하는 방법은 무엇입니까? html5 소스 태그 속성 소개

html5 소스 태그를 어떻게 사용하나요? html5 소스 태그 속성 소개. 이제 이 글의 내용을 소개하겠습니다. html5 소스 태그의 사용법과 html5 소스 태그의 세 가지 속성에 대한 자세한 소개

html5 소스 태그 정의 및 사용법:

태그는 미디어 요소(예:

태그를 사용하면 브라우저가 미디어 유형이나 코덱 지원에 따라 선택할 대체 비디오/오디오 파일을 지정할 수 있습니다.

HTML5 태그 예:

두 개의 소스 파일이 있는 오디오 플레이어. 브라우저는 지원하는 파일을 선택해야 합니다(있는 경우):

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
</audio>

태그 기본 속성:

• media: 다운로드 여부를 결정하는 브라우저의 미디어 리소스 유형(값: media_query ) .

• src: 미디어 파일의 URL(값: URL).

• type: 미디어 리소스의 MIME 유형(값: MIME_type).

참고: 태그 태그는 html 전역 속성과 html 이벤트 속성을 지원합니다.

html5 소스 태그 형식:

<source src="媒体资源地址" />

HTML5미디어 속성:

미디어 속성 사용:

<source src="movie.ogg" type="video/ogg" media="screen and (min-width:320px)">

HTML5미디어 속성 정의 및 사용법:

미디어 속성은 미디어 리소스 유형(파일이 최적화된 미디어/장치)을 지정합니다.

브라우저는 이 속성을 사용하여 파일을 재생할 수 있는지 여부를 결정할 수 있습니다. 재생할 수 없는 경우 다운로드하지 않도록 선택할 수 있습니다.

참고: 이 속성은 여러 값을 허용할 수 있습니다.

HTML5미디어 속성 구문:

<source media="value">

참고: 모든 브라우저는 태그의 미디어 속성을 지원하지 않기 때문입니다. 그래서 더 이상 말하지 않겠습니다.

HTML5src 속성:

HTML5src 속성의 정의 및 사용법:

src 속성은 재생할 미디어 파일의 URL을 지정합니다.

HTML5src 속성 구문:

<source src="URL">

HTML5src 속성 사용 예:

두 개의 리소스 파일이 있는 오디오 플레이어. 브라우저는 지원하는 파일을 선택해야 합니다(있는 경우):

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
</audio>

HTML5 src 속성의 속성 값:

HTML5type 속성:

HTML5< source>type 속성 사용법:

type 속성은 미디어 리소스의 MIME 유형을 지정합니다.

type 속성 사용:

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

HTML5type 속성 구문:

<source type="MIME_type">

HTML5type 속성의 속성 값:

HTML 4.01과 HTML 5의 차이점

태그는 HTML 5의 새로운 태그입니다.

브라우저 지원:

Internet Explorer 9+, Firefox, Opera, Chrome 및 Safari는 태그를 지원합니다.

참고: Internet Explorer 8 이하에서는 태그를 지원하지 않습니다.

【관련 추천】

html 메타태그의 기능은 무엇인가요? html 메타 태그의 공통 속성 소개

html 맵 태그란 무엇인가요? HTML 지도 태그의 구조와 구체적인 사용법에 대한 자세한 설명

위 내용은 html5 소스 태그를 사용하는 방법은 무엇입니까? html5 소스 태그 속성 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!