HTML data 속성이란?
HTML의 data 속성은 <object> 요소가 사용할 리소스의 URL을 지정하는 역할을 합니다. 여기서 지정할 수 있는 리소스는 오디오, 비디오, PDF 문서, 플래시(Flash) 파일 등 다양한 형식이 될 수 있습니다.
기본 문법(Syntax)
<object data="url">
여기서 url은 해당 object 요소가 참조하는 리소스의 URL 주소를 의미합니다.
data 속성 사용 예제
다음은 <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
참고 사항
플래시(.swf) 콘텐츠는 2020년 Adobe Flash Player의 공식 지원이 종료됨에 따라 현재 대부분의 브라우저에서 더 이상 작동하지 않습니다. 따라서 실무에서는 data 속성을 활용해 PDF 문서나 이미지처럼 최신 브라우저에서 지원되는 리소스를 삽입하는 방식을 권장합니다.