HTML 프레임
정의 및 사용법
<frame> 태그는 프레임셋의 특정 창(프레임)을 정의합니다.
프레임세트의 각 프레임은 테두리, 스크롤, 크기 조정 등과 같은 다양한 속성으로 설정할 수 있습니다.
HTML과 XHTML의 차이점
HTML에서 <frame> 태그에는 닫는 태그가 없습니다.
XHTML에서는 <frame> 태그를 올바르게 닫아야 합니다.
팁 및 메모:
참고: 프레임이 포함된 페이지의 유효성을 검사하려면 doctype이 "Frameset DTD"로 설정되어 있는지 확인하세요. DOCTYPE에 대해 자세히 알아보세요.
중요: <frameset></frameset> 태그와 함께 <body></body> 태그를 사용할 수 없습니다. 그러나 프레임을 지원하지 않는 브라우저에 <noframes> 태그를 추가해야 하는 경우 태그를 <body></body>
Iframe - 높이 및 너비 설정
높이 및 너비 속성은 iframe 태그의 높이와 너비를 정의하는 데 사용됩니다.
속성은 기본적으로 픽셀 단위이지만 비례적으로 표시되도록 지정할 수 있습니다(예: "80%").
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <iframe src="demo_iframe.htm" width="200" height="200"></iframe> <p>一些旧的浏览器不支持 iframe。</p> <p>如果浏览器不支持 iframes 则不会显示。</p> </body> </html>
Iframe - 테두리 제거
Frameborder 속성은 iframe이 테두리 표시 여부를 나타내는지 여부를 정의하는 데 사용됩니다.
iframe 테두리를 제거하려면 속성 값을 "0"으로 설정하세요.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <iframe src="http://www.php.com" width="200" height="200" frameborder="0"> <p>您的浏览器不支持 iframe 标签。</p> </iframe> </body> </html>
iframe을 사용하여 디렉토리 링크 페이지 표시
iframe은 대상 링크 페이지를 표시할 수 있습니다
다음 예와 같이 대상 링크의 속성은 iframe의 속성을 사용해야 합니다.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="http://www.php.com" target="iframe_a">php.cn</a></p> <p><b>注意:</b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架,所以在点击链接时页面会显示在 iframe框架中。</p> </body> </html>