목차
<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> 태그 내에서 더 이상 사용하면 안 됨.
<object> 속성
속성
속성값
설명
비고
align
top
주변 요소들과 비교해 상중하 / 좌우 정렬
HTML5 제외
archive
url 주소
object와 관계된 문서로의 연결.
HTML5 제외 border
px 단위
object를 둘러싸는 테두리의 두께
HTML5 제외 classid
고유 아이디
윈도우 레지스트리나 URL에 있는 세트로 정의
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; }
