아이프레임 예제

HTML 5는 프레임 테두리, 스크롤, 여백 너비 및 마진 높이(HTML 4.01에서 지원)와 같은 속성을 지원하지 않습니다. 그러나 WHATWG HTML 리빙 스탠다드는 원활한 특성을 도입했습니다. 원활한 특성을 사용하면 인라인 프레임이 포함된 문서의 일부로 렌더링되는 것처럼 표시될 수 있습니다. 예를 들어 테두리와 스크롤 막대가 나타나지 않습니다. 이 iframe 예제에서는 전환DTD와 함께 XHTML 버전 1.0을 사용합니다. 태그는 엄격한 DTD에서 사용할 수 없습니다. 이 예제에서는 Google 맵이 프레임에 표시됩니다. 웹 페이지가 처음 로드되면 iframe src 특성이 가리키는 이미지가 iframe에 표시됩니다. src 특성의 값은 이미지의 URL입니다. 이 예제에서는 이미지가 웹 페이지와 동일한 서버에 있으므로 전체 웹 주소 대신 상대 주소를 사용할 수 있습니다. 구문은 주요 차이점은 HTML 문서가 처음에 있는 것을 존중하는 의미있는 방식으로 이를 구현한다는 것입니다.

내용은 현재 문서의 일부인 요소 내부에 표시됩니다. 예를 들어 이 포함된 YouTube 동영상: iframe 너비 속성을 사용하여 iframe의 너비가 설정됩니다. 마찬가지로 높이는 iframe 높이 특성을 사용하여 설정됩니다. 값은 픽셀로 지정됩니다. 일부 브라우저는 iframe의 크기가 이미지보다 약간 크지 않으면 이미지를 잘라내수 있습니다. 이 예제에서 이미지는 100 x 168 픽셀입니다. iframe은 다음 구문을 사용하여 130 x 198 픽셀크기입니다. 이 예제에서는 표시할 이미지를 선택하는 데 사용되는 세 개의 태그를 사용합니다. iframe 이름은 이미지의 대상으로 태그에 필요합니다. 태그는 대상 특성을 사용하여 iframe을 가리킵니다.

태그 대상 특성과 iframe 이름을 일치시켜야 합니다. iframe 이름은 iframe 이름 특성과 iframe id 특성을 사용하여 설정됩니다. 태그 속성에 대한 구문은 사용자가 링크를 클릭 할 때마다 전체 페이지를 다시로드하지 않고 웹 페이지에서 이미지를 변경하는 방법을 궁금해하는 것입니다. HTML 태그를 사용하면 쉽게 사용할 수 있습니다. 이 iframe 예제에서 태그를 이미지 컨테이너로 사용할 수 있는 방법을 보여 줄 것입니다. 사용자가 이미지 링크를 클릭하면 이미지가 iframe에 로드됩니다.

Mentalny Teatr Hipnozy > 아이프레임 예제