일반적으로 "iframe"이라고하는 인라인 프레임은 HTML5에서 허용되는 유일한 유형의 프레임입니다. 이러한 프레임은 본질적으로 페이지에서 잘라내는 섹션입니다. 페이지에서 벗어난 공간에서 외부 웹 페이지로 피드 할 수 있습니다. 본질적으로 iframe은 웹 페이지 바로 내부에 설정된 다른 브라우저 창입니다. Google지도 또는 YouTube의 동영상과 같은 외부 콘텐츠를 포함해야하는 웹 사이트에서 일반적으로 사용되는 iframe을 선택합니다. 그 인기있는 웹 사이트는 모두 embed 코드에서 iframe을 사용합니다.
IFRAME 요소를 사용하는 방법
이 요소는 HTML5 전역 요소와 여러 다른 요소를 사용합니다. 4 개는 HTML 4.01의 속성입니다.
- - 프레임 소스의 URL
- - 창 높이
- - 창의 너비
- - 창 이름
HTML5에서는 3 가지가 새로 추가되었습니다.
srcdoc- 프레임 소스의 HTML. 이 속성은에있는 모든 URL보다 우선합니다.src속성모래 상자프레임 창에서 허용하거나 허용하지 않아야하는 기능 목록이음새없는사용자 에이전트에게 iframe이 부모 문서의 보이지 않는 부분처럼 렌더링되어야 함을 알립니다.
간단한 iframe을 만들려면 소스 URL과 너비 및 높이를 설정해야합니다.
iframe 설정에 픽셀 값을 사용하지 않을 수도 있지만 백분율을 사용하기로 결정할 수도 있습니다. 화면 크기에 따라 크기가 달라지는 반응 형 웹 사이트를 구축하는 경우 이러한 비율이 중요 할 것입니다.
HTML 4.01에서는 유효하지만 HTML5에서는 더 이상 사용되지 않는 속성도 있습니다. 현재 대부분의 웹 사이트가 HTML5 +를 사용하고 있기 때문에 이러한 속성은 사용하고 싶지 않은 속성입니다 (하지만 일부 기존 문서에서 볼 수 있습니다).
- - 대신,
에이설명에 링크 할 요소 - 대신 CSS를 사용하십시오.
흙손재산 허용 투명성대신 CSS를 사용하십시오.배경ifram을 투명하게 만드는 속성- - 대신에
경계CSS 속성 마진 높이대신 CSS를 사용하십시오.여유재산여백 폭대신 CSS를 사용하십시오.여유재산- 대신 CSS를 사용하십시오.
과다재산
IFRAME 브라우저 지원
그만큼 IFRAME 요소는 모든 최신 브라우저에서 지원됩니다.
- 기계적 인조 인간
- 크롬
- Firefox
- Internet Explorer 2 이상
- iOS / Safari 모바일
- Netscape 7 이상
- Opera 3 이상
- 원정 여행
위 목록에 버전 번호가 표시되지 않으면 해당 브라우저의 모든 버전에서 지원됩니다.
염두에 두어야 할 한 가지는 모든 브라우저가 IFRAME HTML5 기능 중 일부는 여전히 제한적으로 지원됩니다.
- 사용
과다스크롤을 끄려면 신뢰할 수 없습니다. iframe에 스크롤 막대를 표시하지 않으려면 계속해서스크롤링속성. - 그만큼
srcdoc,모래 상자, 및이음새없는속성은 현재 모든 브라우저에서 지원되지 않습니다.
Iframe과 연결
iframe에 이름 또는 신분증 당신은 그 프레임에서 당신의 링크를 가리킬 수 있습니다. 에이 요소. 그런 다음 사용자가 링크를 클릭하면 현재 창 대신 참조 된 iframe 내부에서 열립니다.
직접 해보십시오. 웹 페이지에 다음을 입력하십시오.
내 iframe입니다.
이 링크를 클릭하면 위의 창에 새 문서가 열립니다.
id = "myIframe" src = "http://webdesign.about.com/#lp-main"height = "200px"width = "500px">
문서가 IFRAME 타겟이 설정되지 않은 경우 모든 링크는 상위 문서와 동일한 iframe에서 열립니다.
이 기능을 사용하여 하나의 링크를 만들 수 있습니다. IFRAME 다른 사람의 내용을 변경하다 IFRAME 같은 페이지에.
IFrame 및 보안
그만큼 IFRAME 요소 자체는 귀하 또는 귀하의 독자에게 보안 위험이 아닙니다. 불행히도 iframe은 악의적 인 웹 사이트에서 방문자의 컴퓨터를 감염시킬 수있는 콘텐츠를 페이지에 표시하지 않고 사용할 수 있기 때문에 나쁜 평판을 얻고 있습니다. 이것은 링크가 보이지 않는 것을 가리킴으로써 이루어집니다. IFRAME 그 스크립트는 악의적 인 코드를 설정합니다. 사용자는 링크를 클릭하여 아무 일도 일어나지 않았기 때문에 링크가 끊어 졌다고 생각하지만 스크립트는 보이지 않는 곳에 출발했습니다.
또한 보이지 않는 것을 주입 할 컴퓨터 바이러스가 있습니다. IFRAME 효과적으로 귀하의 웹 사이트를 봇넷으로 탈바꿈시킵니다. 그들은 SQL 주입 및 다른 공격을 통해이를 수행 할 수 있습니다.
포함 할 때 기억해야 할 점 IFRAME 귀하의 웹 페이지에서 귀하의 사용자는 귀하가 링크하는 모든 사이트의 내용만큼 안전하다는 것입니다. 사이트가 신뢰할 수 없다고 느끼는 이유가 있다면 어떤 방식 으로든 사이트에 링크하지 말고 해당 콘텐츠를 IFRAME. 그러나 iframe 내에서 자신의 페이지에 링크해도 사용자 또는 사용자의 보안 위험이 발생하지 않습니다.
Jennifer Krynin의 원본 기사입니다. Jeremy Girard의 11/7/16에 편집 됨
