목차
- <object> 예제 - 미디어 삽입
- <object> 정의
- <object> 속성
- <object> 기본 CSS
<object> 예제 - 미디어 삽입
<object width="400" height="400" data="https://vt.tumblr.com/tumblr_o600t8hzf51qcbnq0_480.mp4"></object>
결과보기
<object> 정의
오디오, 비디오, 자바 애플릿, 엑티브X, PDF, 플래시 등 각종 미디어 파일을 HTML 문서에 삽입할 때 사용.
1.
- 또 다른 웹페이지 HTML 문서에 삽입할 때도 사용 가능.
- <object> 태그와 함께 삽입된 플러그인에 매개변수를 전달 위해 <param> 태그를 사용 가능.
- <object> 태그는 반드시 <body>와 </body> 태그 사이에 와야 함.
- <object>와 </object> 사이에는 브라우저가 <object> 태그를 지원하지 않을 때 보여 줄 텍스트를 적어줌.
- 이미지 경우엔, <object> 태그 대신에 <img> 태그 사용 권장.
- data 나 tpye 속성 중 하나는 반드시 속성으로 정의되어 있어야 함.
- HTML 4.01 지원 속성 중 일부는 HTML5에서 제외됨.
- form 속성은 HTML5에서 새로 생김.
- HTML5에서 객체들(objects)은 폼 안에 사용되거나 폼 안으로 보내질 수 있음.
- HTML5에서 객체들(objects)은 <head> 태그 내에서 더 이상 사용하면 안 됨.
2.
모든 브라우저 지원. (IE 6~10 부분 지원)
3. MDN <object> 예제 보기
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object
<object> 속성
속성
|
속성값 |
설명 |
비고 |
align
|
top
bottom
middle
left
right
|
주변 요소들과 비교해 상중하 / 좌우 정렬 |
HTML5 제외 |
archive
|
url 주소 |
object와 관계된 문서로의 연결. |
HTML5 제외 |
border
|
px 단위 |
object를 둘러싸는 테두리의 두께 |
HTML5 제외 |
classid
|
고유 아이디 |
윈도우 레지스트리나 URL에 있는 세트로 정의
(Defines a class ID value as set in the Windows Registry or a URL)
즉, classid는 윈도우 레지스트리에 등록된 고유 인식 번호임.
|
HTML5 제외 |
codebase
|
URL 주소 |
object 코드를 어디서 찾아야 하는지 정의 |
HTML5 제외 |
codetype
|
미디어 타입 |
classid 속성에 의해 언급된 코드의 미디어 타입 정의 |
HTML5 제외 |
data
|
URL 주소 |
object 태그에 의해 재생돼야 하는 미디어 파일 주소 |
|
declare
|
declare |
필요할 때까지 생성 및 예시되어선 안되고, 오직 선언만 될 것을 정의 |
HTML5 제외 |
form
|
폼 아이디 |
object 태그가 속하는 하나 또는 그 이상의 form 명시. |
HTML5 추가 |
height
|
px 단위 |
object 태그의 높이 |
|
hspace
|
px 단위 |
object 태그의 왼쪽과 오른쪽 여백 |
HTML5 제외 |
| name |
이름 |
object 태그의 고유 이름 |
|
standby
|
문자 내용 |
object 태그가 로딩될 때까지 보여줄 문자 내용 |
HTML5 제외 |
type
|
미디어 타입 |
data 속성에 명시된 데이터의 미디어 타입 명시 |
|
usemap
|
맵 이름 |
object 태그와 함께 사용돼야 하는 클라이언트 쪽 이미지 맵 이름 |
|
vspace
|
px 단위 |
object 태그의 상하 여백 |
HTML5 제외 |
width
|
px 단위 |
object 태그의 가로 갈이 |
|
<object> 태그는 전역속성・이벤트속성 지원.
<object> 기본 CSS
object:focus {outline: none;}
