HTML <object> 태그의 data 속성이란?
<object> 요소의 data 속성은 해당 객체가 사용할 리소스의 URL을 지정하는 역할을 합니다. 여기서 리소스는 오디오, 비디오, PDF 문서, 플래시(SWF) 파일 등 다양한 형식이 될 수 있습니다.
문법(Syntax)
<object data="url">
여기서 url은 객체가 참조하는 리소스의 URL 주소를 의미합니다.
예제
다음은 <object> 요소의 data 속성을 구현한 예제입니다:
<!DOCTYPE html>
<html>
<body>
<h2>CSS Demonstrating Application</h2>
<object data="https://www.tutorialspoint.com/flex/samples/CSSApplication.swf" height="400" width="600"></object>
</body>
</html>
출력 결과
예제 설명
위 예제에서는 리소스의 URL을 설정했습니다. 이 리소스는 .swf 확장자를 가진 플래시 파일입니다:
<object data="https://www.tutorialspoint.com/flex/samples/CSSApplication.swf" height="400" width="600"></object>
<object> 요소에 사용된 외부 링크는 다음과 같습니다:
https://www.tutorialspoint.com/flex/samples/CSSApplication.swf
참고 사항
data 속성은 <object> 요소에서 핵심적인 속성으로, type 속성과 함께 사용하면 브라우저가 리소스의 형식을 더 정확하게 판단할 수 있습니다. 또한 height와 width 속성을 통해 삽입된 콘텐츠의 크기를 조절할 수 있습니다.
다만 플래시(SWF) 콘텐츠는 2020년 말 Adobe의 공식 지원이 종료됨에 따라 최신 브라우저에서 더 이상 재생되지 않습니다. 따라서 현재는 <object> 태그의 data 속성을 PDF 문서 삽입이나 멀티미디어 콘텐츠 표시 등에 주로 활용하는 것이 좋습니다.