iframe 태그 예제

. 프레임을 만든 후 사용자가 단추를 클릭하면 해당 제목이 경고에 표시됩니다. 대체 된 요소로, 위치, 정렬 및 요소의 상자 내에서 포함 된 문서의 배율, 개체 위치 및 개체 맞춤 속성으로 조정할 수 있습니다. https://www.w3schools.com URL 주소로 iframe을 만듭니다. 이 예제에서는 Google 맵이 프레임에 표시됩니다. 태그는 타사 콘텐츠(미디어, 애플릿 등)를 포함하기 위한 인라인 프레임을 만듭니다. 프레임과 웹 페이지의 콘텐츠는 독립적이지만 JavaScript를 통해 상호 작용할 수 있습니다. HTML 5는 프레임 테두리, 스크롤, 여백 너비 및 마진 높이(HTML 4.01에서 지원)와 같은 속성을 지원하지 않습니다. 그러나 WHATWG HTML 리빙 스탠다드는 원활한 특성을 도입했습니다. 원활한 특성을 사용하면 인라인 프레임이 포함된 문서의 일부로 렌더링되는 것처럼 표시될 수 있습니다. 예를 들어 테두리와 스크롤 막대가 나타나지 않습니다. 이 특성을 사용하면 프레임 내용에 대한 긴 설명이 포함된 다른 페이지에 대한 링크를 제공할 수 있습니다.

예를 들어 longdesc = “framedescription.htm” HTML5 이전에 태그는 인라인 프레임을 만드는 것으로 나타났습니다. HTML5 사양은 인라인 프레임이라는 용어를 사용하지 않지만 중첩된 브라우징 컨텍스트를 대신 사용합니다. 출력 : 링크 텍스트를 클릭하기 전에 : 링크 텍스트를 클릭 한 후 : 지원브라우저 : 태그는 나열된 브라우저에서 지원됩니다 :이 특성을 사용하면 프레임 테두리와 프레임 의 내용의 왼쪽과 오른쪽 사이의 공간의 너비를 지정할 수 있습니다. 값은 픽셀단위로 지정됩니다. 예를 들어 여백 너비 = “10”. 이 특성은 프레임에 로드해야 하는 파일 이름을 지정하는 데 사용됩니다. 해당 값은 모든 URL일 수 있습니다. 예를 들어 src = “/html/top_frame.htm”은 html 디렉토리에서 사용할 수 있는 HTML 파일을 로드합니다. WHATWG HTML 생활 표준 및 HTML 5.1은 원활한 특성을 도입했습니다.

이 원활한 특성은 요소의 탐색 컨텍스트가 포함된 문서의 일부로 표시되도록 렌더링되도록 지정합니다(상위 문서에 원활하게 포함). 그러면 중첩된 콘텐츠에 문서 스타일이 적용됩니다. 또한 요소의 부모 검색 컨텍스트에서 모든 링크가 열립니다. Iframe을 사용하는 링크 대상 : iframe을 링크의 대상 프레임으로 사용할 수 있습니다. 링크의 대상 특성은 iframe의 이름 특성을 참조해야 합니다. 이름, 클래스, 프레임 테두리, ID, longdesc, 여백 높이, 여백 너비, 이름, 스크롤, 스타일 및 제목을 포함하여 태그의 대부분의 속성은 태그에 해당하는 속성과 똑같이 행동합니다. 또는 CSS를 사용하여 iframe의 높이와 너비를 설정할 수 있습니다: 높이 및 너비 속성을 사용하여 iframe의 크기를 지정합니다. DOM HTMLIFrameElement 개체를 사용하면 스크립트가 contentWindow 속성을 통해 프레임된 리소스의 창 개체에 액세스할 수 있습니다.