..

Search

srcdoc

srcdoc

<iframe> 태그의 srcdoc 속성


HTML <iframe> 태그 ⇒


정의 및 특징

<iframe> 태그의 srcdoc 속성은 <iframe> 요소에 보일 웹 페이지의 HTML 코드를 명시합니다.

 

만약 srcdoc 속성이 명시되어 있고 해당 브라우저가 srcdoc 속성을 지원하면, <iframe> 요소의 src 속성값은 srcdoc 속성값으로 재정의될 것입니다.

하지만 srcdoc 속성이 명시되어 있지만 해당 브라우저가 srcdoc 속성을 지원하지 않으면, 브라우저는 src 속성에 명시된 파일을 <iframe> 요소에 보여줄 것입니다.


문법

<iframe srcdoc="HTML 코드">


속성값

속성값   설명

HTML 코드

 

<iframe> 요소에 보일 HTML 코드로 반드시 유효한 HTML 코드이어야 함.


예제
<iframe srcdoc="<p>Hello World!!</p>" src="http://tcpschool.com">
    <p>현재 사용 중인 브라우저는 iframe 요소를 지원하지 않습니다!</p>
</iframe>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

srcdoc 20.0 지원하지 않음 지원하지 않음 25.0 6.0 15.0

HTML5에서 변경된 사항

<iframe> 요소의 srcdoc 속성은 HTML5에서 새롭게 추가된 속성입니다.


연습문제