HTML에서 프레임을 사용하는 방법

HTML 프레임워크를 사용하면 웹 사이트 콘텐츠를 구성하기 위해 문서 창에 여러 문서 영역을 만들 수 있습니다. 프레임을 만들려면 <frameset> 태그를 사용하여 행이나 열을 지정하고 태그를 사용하여 각 프레임의 소스를 지정합니다. JavaScript 조작을 위해 프레임 이름을 지정하기 위해 name 속성을 사용하여 프레임을 중첩할 수 있습니다. 그러나 프레임 대신 유연한 그리드와 같은 최신 기술을 사용하는 것이 좋습니다.

HTML에서 프레임 사용

HTML에서 프레임은 여러 문서를 수용할 수 있는 문서 창의 위치를 ​​지정합니다. 프레임은 웹 사이트의 여러 부분을 논리 파티션으로 구성하는 데 자주 사용됩니다.

프레임 만들기

프레임을 만들려면 <frameset> 태그를 사용하고 그 안에 프레임의 행이나 열을 지정하세요. <frameset> 标记，并在其中指定框架的行或列：

<code class="html"><frameset rows="20%, 80%">
  <frame src="header.html">
  <frame src="content.html">
</frameset></code>

上面的示例创建了一个两行框架集，其中“header.html”占据顶部 20%，而“content.html”占据底部 80%。

嵌套框架

一个框架集可以嵌套在另一个框架集内，允许创建更复杂的分区。例如：

<code class="html"><frameset cols="50%, 50%">
  <frameset rows="50%, 50%">
    <frame src="menu.html">
    <frame src="content1.html">
  </frameset>
  <frame src="content2.html">
</frameset></code>

这个示例创建了一个 50/50 列框架集，其中左侧框架集包含一个 50/50 行框架集，用于“菜单”和“内容 1”，而右侧框架集包含“内容 2”。

命名框架

为了引用框架并对其进行操作（例如更改源或刷新内容），可以使用 name 属性来命名每个框架。例如：

<code class="html"><frame name="header" src="header.html">
<frame name="content" src="content.html"></code>

JavaScript 中的框架操作

JavaScript 可以通过 window.frames

<code class="javascript">window.frames[0].location = "new_header.html"; //更改第一个框架的源
window.frames["content"].reload(); //刷新“content”框架</code>

중첩된 프레임

위 내용은 HTML에서 프레임을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!