HTML5 미디어 요소, 기타 요소

미디어 요소

<audio>

- HTML 문서에 음악과 같은 오디오를 삽입할 때 사용

- mp3, wav, ogg 3가지 형식 지원

<audio src ="" controls></audio>

<video>

- HTML 문서에 동영상을 삽입할 때 사용

- mp4, webm, ogg 3가지 형식 지원

<video controls width="800"
<source src="*.mp4"
type="video/mp4">
</video>

<embed>

- HTML 문서에 외부 어플리케이션이나 대화형 컨텐츠를 삽입할 때 사용

<embed type="video/webm"
src="*.mp4" width="800" height="600">

- 배경에서 사운드 트랙을 재생할 때 사용

- 화면에 아무런 내용이 출력되지 않아 사용자의 불편을 초래함으로 사용을 권장하지 않는다.

- 스트립트를 사용하여 그래픽, 애니메이션 등을 사용하는데 쓰인다.

- 닫을 수 있는 경고창, 대화상자 등 상호 작용이 가능한 컴포넌트를 만들 때 사용

<code>

- 짧은 코드 조각을 나타내는 스타일을 사용해 자신의 콘텐츠를 표시

- 인증서 관리 시스템으로 웹양식을 처리하는데 사용

- 보안에 관련된 태그

<link>

- 외부 문서에 대한 링크를 정의하는 데 사용

- 문서의 <head>섹션에 배치되며 스타일 시트를 연결 할 때 가장 많이 사용

<head>
<title>링크란?</title>
<link rel = "style" href="/css/index.css">
</head>

- 클릭 가능한 버튼을 만듬

- 문서 어디에나 배치 가능하고, CSS로 스타일을 조정할 수도 있다

<button name="button" value='ok' type="button" onclick="alert('Hello World!')">눌러보세요</button>

<kbd>

- 키보드 입력 요소

- 키보드 입력, 음성 입력 등 임의의 장치를 사용한 사용자의 입력을 나타냄