예
사용 방법 <object> 요소는 플래시 파일을 포함합니다 :
<object width="400" height="400" data="helloworld.swf"></object>
»그것을 자신을 시도 정의 및 사용
<object> 태그는 HTML 문서 내에 포함 된 개체를 정의합니다. 웹 페이지에서 (오디오, 비디오, 자바 애플릿, 액티브 X, PDF, 플래시 등) 멀티미디어를 포함하는이 요소를 사용합니다.
당신은 또한 사용할 수 있습니다 <object> HTML 문서에 다른 웹 페이지를 포함하는 태그를.
당신은 사용할 수 있습니다 <param> 내장 된 플러그인에 매개 변수를 전달하는 태그를 <object> 태그입니다.
브라우저 지원
요소 | |||||
---|---|---|---|---|---|
<object> | 예 | 예 | 예 | 예 | 예 |
팁과주의 사항
참고 : <object> 요소는 내부에 표시되어야합니다 <body> 요소입니다.사이의 텍스트 <object> 및 </object> 이 태그를 지원하지 않는 브라우저를위한 대체 텍스트입니다.
팁 : 이미지 사용에 대한 <img> 의 대신 태그를 <object> 태그입니다.
팁 : 중 적어도 하나 "data" 또는 "type" 속성은 정의되어야한다.
HTML 4.01과 HTML5의 차이점
일부 HTML 4.01 속성은 HTML5에서 지원되지 않습니다.
"form" 속성은 HTML5의 새로운 기능입니다.
HTML5에서 개체를 사용할 수 있습니다 및 형태로 제출했다.
HTML5에서, 객체는 더 이상 안에 표시 할 수 없습니다 <head> 문서의 요소입니다.
속성
= HTML5의 새로운 기능.
속성 | 값 | 기술 |
---|---|---|
align | top bottom middle left right | HTML5에서 지원되지 않습니다. 의 정렬 지정 <object> 주변 요소에 따라 요소를 |
archive | URL | HTML5에서 지원되지 않습니다. 공백은 아카이브에 URL의 목록을 분리. 아카이브는 개체에 관련된 자원을 포함 |
border | pixels | HTML5에서 지원되지 않습니다. 주위 테두리의 폭을 지정 <object> |
classid | class_ID | HTML5에서 지원되지 않습니다. 윈도우 레지스트리 또는 URL에 설정된 클래스 ID 값을 정의 |
codebase | URL | HTML5에서 지원되지 않습니다. 여기서 객체의 코드를 찾을 수를 정의 |
codetype | media_type | HTML5에서 지원되지 않습니다. 코드의 미디어 유형으로 지칭 classid 속성 |
data | URL | 리소스의 URL은 개체에 의해 사용하도록 지정 |
declare | declare | HTML5에서 지원되지 않습니다. 필요할 때까지 개체 만 선언 작성하지 인스턴스화되어야한다고 정의 |
form | form_id | 객체가 속하는 하나 이상의 형태를 지정 |
height | pixels | 물체의 높이를 지정 |
hspace | pixels | HTML5에서 지원되지 않습니다. 객체의 좌측 및 우측의 공백을 지정 |
name | name | 개체의 이름을 지정합니다 |
standby | text | HTML5에서 지원되지 않습니다. 객체가 로딩되는 동안 표시 할 텍스트를 정의합니다 |
type | media_type | 에 지정된 데이터의 미디어 타입 지정 data 속성 |
usemap | #mapname | 클라이언트 측 이미지 맵의 이름 오브젝트와 함께 사용될 수 지정 |
vspace | pixels | HTML5에서 지원되지 않습니다. 객체의 위쪽과 아래쪽에있는 공백을 지정합니다 |
width | pixels | 물체의 폭을 지정 |
글로벌 속성
<object> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<object> 태그도 지원 이벤트는 HTML의 속성 .
관련 페이지
HTML 튜토리얼 : HTML 개체 요소
HTML DOM 참조 : 개체 개체
기본 CSS 설정
대부분의 브라우저는 표시됩니다 <object> 다음과 같은 기본 값으로 요소를 :
object:focus {
outline: none;
}