HTML 프레임

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>


지속적인 학습
||
<!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>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~