iframe 태그 예제

이 특성은 프레임에 로드해야 하는 파일 이름을 지정하는 데 사용됩니다. 해당 값은 모든 URL일 수 있습니다. 예를 들어 src = “/html/top_frame.htm”은 html 디렉토리에서 사용할 수 있는 HTML 파일을 로드합니다. 다음 예제에서는 src 특성을 사용하여 중첩된 탐색 컨텍스트가 포함할 외부 문서를 지정합니다. 이 예제에서는 너비 또는 높이 특성을 사용하지 않습니다. CSS를 사용하면 iframe 테두리의 크기, 스타일 및 색상을 변경할 수도 있습니다. 태그는 태그와 관련이 없으며 대신 문서의 아무 곳에나 나타날 수 있습니다. 태그는 브라우저가 스크롤 막대 및 테두리를 포함하여 별도의 문서를 표시할 수 있는 문서 내의 직사각형 영역을 정의합니다. 인라인 프레임은 현재 HTML 문서 내에 다른 문서를 포함하는 데 사용됩니다. 또는 CSS를 사용하여 iframe의 높이와 너비를 설정할 수 있습니다: OUTPUT : 링크 텍스트를 클릭하기 전에: 링크 텍스트를 클릭한 후: 지원되는 브라우저: 태그는 나열된 브라우저에서 지원됩니다: 기본적으로 iframe에는 테두리가 있습니다. 테두리를 제거하려면 스타일 특성 및 CSS 테두리 속성을 사용할 수 있습니다. 화면 판독기와 같은 보조 기술로 탐색하는 사용자는 iframe의 제목 속성을 사용하여 콘텐츠에 레이블을 지정할 수 있습니다. 제목의 값은 포함된 콘텐츠를 간결하게 설명해야 합니다: HTML 5는 프레임 테두리, 스크롤, 마진 너비 및 마진 높이(HTML 4.01에서 지원)와 같은 속성을 지원하지 않습니다.

그러나 WHATWG HTML 리빙 스탠다드는 원활한 특성을 도입했습니다. 원활한 특성을 사용하면 인라인 프레임이 포함된 문서의 일부로 렌더링되는 것처럼 표시될 수 있습니다. 예를 들어 테두리와 스크롤 막대가 나타나지 않습니다. 팁: CSS를 사용하여 스타일을 정합니다(스크롤 막대 포함). 대체 된 요소로, 위치, 정렬 및 요소의 상자 내에서 포함 된 문서의 배율, 개체 위치 및 개체 맞춤 속성으로 조정할 수 있습니다. Iframe을 사용하는 링크 대상 : iframe을 링크의 대상 프레임으로 사용할 수 있습니다. 링크의 대상 특성은 iframe의 이름 특성을 참조해야 합니다. 인라인 프레임을 사용하면 현재 HTML 문서 내에 다른 문서를 포함할 수 있습니다. 또한 srcdoc 특성을 통해 콘텐츠를 전달하여 다른 문서를 사용하지 않고 인라인 프레임을 제공할 수 있습니다. 이 예제에서는 Google 맵이 프레임에 표시됩니다.

인라인 프레임은 일반적으로 두 번째 HTML 문서를 사용하여 만들어집니다. 이 두 번째 문서에는 인라인 프레임 내의 콘텐츠가 포함되어 있습니다. iframe src 특성을 사용하여 다른 문서의 소스와 다른 특성을 지정하여 높이, 너비 등을 결정합니다. iframe의 크기를 설정하려면 높이 및 너비 속성을 사용하거나 CSS를 사용할 수 있습니다.