집 > 기사 > 웹 프론트엔드 > HTML 프레임(Frames)을 도입하면 무슨 소용이 있나요?

HTML 프레임(Frames)을 도입하면 무슨 소용이 있나요?

零下一度원래의: 2017-05-02 15:16:282839검색

Frame을 사용하면 브라우저 창에 여러 웹페이지를 동시에 표시할 수 있습니다. 각 프레임에는 웹페이지가 설정되어 있으며, 각 프레임의 웹페이지는 서로 독립적입니다.

프레임셋

f900b4fc197b16ab214eecf015bb6bd2eb5f059992a0ae0ef16884cb75644e40Frame을 분할하는 방법을 결정합니다. f900b4fc197b16ab214eecf015bb6bd2에는 cols 속성과 행 속성이 있습니다. 열별로 프레임을 배포하려면 cols 속성을 사용하고, 행별로 프레임을 배포하려면 행 속성을 사용하세요.

프레임

04a0d55efbbfd646a993fbc01f262c57 태그를 사용하여 웹페이지를 설정하세요. 04a0d55efbbfd646a993fbc01f262c57에는 src 속성이 있으며, src 값은 웹페이지의 경로와 파일명입니다.

다음 코드의 목적은 프레임셋을 2개의 열로 나누는 것입니다. 첫 번째 열의 25%는 첫 번째 열의 너비가 창 너비의 25%임을 의미하고, 두 번째 열의 75%는 너비를 의미합니다. 첫 번째 열의 크기는 창 너비의 75%입니다. a.html은 첫 번째 열에 표시되고 b.html은 두 번째 열에 표시됩니다.

<frameset cols="25%,75%">
   <frame src="../asdocs/html_tutorials/Frame_a.html">
   <frame src="../asdocs/html_tutorials/Frame_b.html">
</frameset>

Iframe

Iframe은 인라인 프레임을 의미합니다. HTML 파일 내에 프레임을 배치하려면 d5ba1642137c3f32f4f4493ae923989c065276f04003e4622c4fe6b64f465b88을 사용하세요.

예

<html>

<frameset cols="25%,50%,25%">

<frame src="../asdocs/html_tutorials/Frame_a.html">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">

</frameset>

</html>

이 예는 브라우저에서 세 개의 웹 페이지를 동시에 표시하는 방법을 보여줍니다. 세 개의 웹 페이지가 열로 배포됩니다.

<html>

<frameset rows="25%,50%,25%">

<frame src="../asdocs/html_tutorials/Frame_a.html">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">

</frameset>

</html>

이 예는 브라우저에서 세 개의 웹 페이지를 동시에 표시하는 방법을 보여줍니다. 세 개의 웹 페이지는 행별로 배포됩니다.

혼합 프레임세트

<html>

<frameset rows="50%,50%">

<frame src="../asdocs/html_tutorials/Frame_a.html">

<frameset cols="25%,75%">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">
</frameset>

</frameset>

</html>

이 예에서는 cols 속성과 행 속성을 모두 사용하여 프레임을 유연하게 배포합니다.

Frameset의 noresize 속성

<html>

<frameset rows="50%,50%">

<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_a.html">

<frameset cols="25%,75%">
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_b.html">
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_c.html">
</frameset>

</frameset>

</html>

Noresize 속성을 사용하면 프레임 크기를 확보할 수 있습니다. noresize 속성을 사용하지 않는 경우 마우스를 사용하여 프레임의 테두리를 이동하여 프레임의 크기를 변경할 수 있습니다. noresize 속성이 설정된 경우 테두리를 이동할 수 없습니다.

탐색용 프레임

<html>
<frameset cols="120,*">

<frame src="../asdocs/html_tutorials/framelist.html">
<frame src="../asdocs/html_tutorials/Frame_a.html" name="showframe">

</frameset>
</html>

이 예에서는 탐색용 프레임을 만드는 방법을 보여줍니다. 이 탐색 프레임에는 HTML이 포함되어 있으며 이 HTML(아래 코드)에는 웹 페이지 목록이 포함되어 있습니다. 웹 페이지 목록에서 아무 항목이나 클릭하면 클릭한 웹 페이지가 두 번째 프레임에 표시됩니다.

<HTML>
<HEAD>
<TITLE> humorlist.html </TITLE>
</HEAD>
<BODY>
<p><a href = "../asdocs/html_tutorials/Frame_a.html" target="showframe">笑话一<a></p>
<p><a href = "../asdocs/html_tutorials/Frame_b.html"  target="showframe">笑话二<a></p>
<p><a href = "../asdocs/html_tutorials/Frame_c.html"  target="showframe">笑话三<a></p>
</BODY>
</HTML>

Iframe 사용

<html>
<body>
<p>用 IFRAME 可以在HTML文件里显示另一个网页。</p>

<p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p>

<iframe src="../asdocs/html_tutorials/Frame_a.html"></iframe>

</body>
</html>

이 예에서는 iframe을 사용하여 HTML 파일에 웹페이지를 삽입하는 방법을 보여줍니다.

위 내용은 HTML 프레임(Frames)을 도입하면 무슨 소용이 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

이전 기사：XML과 HTML의 보완적인 장점(2부)다음 기사：XML과 HTML의 보완적인 장점(2부)

관련 기사

더보기