HTML <iframe>

    2018-02-14 07:52:40 작성

    <iframe>

    <iframe>은 웹페이지 내에 웹페이지를 표시하는데 사용합니다.

    iframe 속성
    속성 설명
    src 삽입할 페이지의 주소를 지정합니다.
    name iframe의 이름을 지정합니다.
    width
    height
    너비와 높이를 지정합니다.
    srcdoc iframe에 표시할 HTML내용을 지정합니다.
    sandbox iframe에 내용에 대한 제한을 설정합니다.
    링크의 대상

    name 속성이 있으면 <a> 태그의 target 속성으로 연결하여 링크의 대상이 될수 있습니다.


    srcdoc

    srcdoc 속성은 iframe에 표시할 페이지의 HTML 내용을 지정합니다.
    브라우저가 srcdoc 속성을 지원하는 경우 src 속성은 무시됩니다.


    sandbox

    sandbox 속성이 있으면 다음을 수행합니다.

    • 양식 제출을 차단
    • API 사용 중지
    • 다른 대상으로 링크 방지
    • <embed>, <object>, <applet> 등 플러그인을 차단
    • iframe 콘텐츠가 최상위 수준 컨텍스트 탐색을 차단

    sandbox의 속성값을 여러개 적용하려면 공백으로 구분합니다.

    설명
    값 없음 모든 제한 사항을 적용합니다
    allow-forms form 제출을 사용합니다.
    allow-pointer-lock API를 사용합니다.
    allow-popups popup을 허용합니다..
    allow-same-origin iframe 콘텐츠가 동일한 출처로 취급되도록 합니다.
    allow-scripts script를 사용합니다.
    allow-top-navigation iframe 콘텐츠가 최상위 수준의 탐색 컨텍스트를 탐색 할 수있게합니다.