찾다
웹 프론트엔드HTML 튜토리얼프레임셋 태그 디자인 페이지 고려 사항
프레임셋 태그 디자인 페이지 고려 사항Jun 27, 2017 am 10:02 AM
상표설계페이지

중요: 태그를 태그 안에 넣을 수 없습니다. 그리고 HTML5는 더 이상 프레임셋 태그 사용을 지원하지 않습니다! ! !

1. 프레임셋 요소는 여러 창(프레임)을 구성하는 데 사용되는 프레임셋을 정의할 수 있습니다. 각 프레임워크에는 별도의 문서가 있습니다. 프레임을 사용하면 페이지를 분할하고 부분적으로 새로 고칠 수 있습니다. 합리적인 사용은 사용자에게 매우 좋은 경험을 가져다 줄 것입니다.

2. 프레임세트의 여러 속성 :

①, cols:프레임세트의 열 수와 크기를 정의합니다. 화면을 수직으로 자르고(예: 왼쪽과 오른쪽 두 개의 화면으로) 정수 값과 백분율을 허용하며, *는 남은 공간을 차지하는 것을 의미합니다. 값의 개수는 분할된 창의 개수를 나타내며 쉼표로 구분됩니다. 예를 들어 COLS="30,*,50%"는 세 개의 창으로 나눌 수 있습니다. 첫 번째 창은 너비가 30픽셀이고 두 번째 창은 첫 번째 창과 세 번째 창을 할당한 후 남아 있는 창입니다. 아래 공간인 세 번째 창이 전체 창 화면의 50%를 차지하고 너비는 상대적으로 분할됩니다. 숫자를 직접 조정할 수 있습니다.

②, 행:프레임세트의 행 수와 크기를 정의합니다. 화면의 상단과 하단을 구분하는 수평 컷입니다. 값 설정은 위와 동일합니다. Netacape가 때때로 이러한 유형의 프레임을 표시할 수 없기 때문에 COLS 및 ROWS 매개변수를 동일한 태그에 넣지 마십시오. 따라서 여러 분할을 사용해 보십시오.

3, frameborder: 프레임의 테두리를 설정합니다. 값은 0과 1뿐입니다. 0은 테두리가 없음을 의미하고 1은 테두리를 표시함을 의미합니다.

4, 테두리: 프레임의 테두리 두께를 설정합니다.

⑤, bordercolor: 프레임의 테두리 색상을 설정합니다.

⑥, framespacing: 은 프레임 사이의 거리와 프레임 사이에 남은 공간을 나타냅니다.

3. 프레임 태그 속성:

①, name: 프레임 이름을 설정합니다. 이 속성을 설정해야 합니다.

②, src: 이 프레임에 표시될 웹페이지의 이름이나 경로를 설정합니다. 이 속성을 설정해야 합니다.

3, 스크롤: 스크롤바 표시 여부를 설정합니다. 설정값은 auto, yes, no입니다.

4, bordercolor: 프레임의 테두리 색상을 설정합니다.

⑤, frameborder: 프레임 테두리 표시 여부를 설정합니다. 설정 값은 0과 1뿐입니다. 0은 테두리가 없음을 의미하고 1은 테두리를 표시한다는 의미입니다.

⑥, noresize: 프레임 크기를 수동으로 조정할 수 있는지 여부를 설정합니다.

7, marginwidth: 프레임 경계와 그 안에 있는 내용 사이의 너비를 설정합니다.

8, marginhight: 프레임 경계와 그 안의 내용 사이의 높이를 설정합니다.

9, 너비: 프레임 너비를 설정합니다.

⑩, height: 프레임 높이를 설정합니다.

4. 프레임셋 사용 예:

다음과 같은 효과를 얻으려면

페이지는 위쪽, 왼쪽, 오른쪽 세 부분으로 나뉩니다. 왼쪽의 하이퍼링크를 클릭하면 오른쪽의 프레임 페이지가 그에 따라 변경됩니다.

전체 페이지: main.html


1 <frameset>2         <frame>3         <frameset>4             <frame>5             <frame>6         </frameset>7 </frameset>

top.html, right.html은 빈 페이지, left.html은 다음과 같습니다.


1 <!-- 左边菜单栏显示-->2     <p>3         </p>
9     

페이지의 계층적 표시는 주로 열에 관한 것입니다. 프레임세트 태그에서 프레임 태그 중첩과 함께 행을 사용합니다. 왼쪽의 메뉴 표시줄을 클릭하면 오른쪽의 프레임이 그에 따라 변경됩니다.

target: 연결된 문서를 열 위치를 규정하는 속성을 알아야 합니다. 브라우저는 이 태그의 href 속성으로 이름이 지정되고 이름이 이 대상과 일치하는 프레임이나 창에 문서를 로드하고 표시합니다. 즉, main.html에서 , 여기서 name 속성의 값은 무엇이며, left.html에서는 평등하다.

5. 상위 페이지가 하위 페이지에 있는 프레임셋에서 다른 프레임의 요소를 가져오는 방법은 무엇입니까?

즉, right.html 등에서 left.html의 태그의 속성 값을 가져오는 방법입니다.

$(parent.parent.mainFrame.document).contents ().find( "body").html(); //manFrame은 보려는 프레임의 ID를 참조합니다

예를 들어 위의 left.html 페이지에서 작업 생성 ID는 taskCreat입니다. 그러면 다음과 같이 얻을 수 있고 클래스 속성을 변경할 수 있습니다.

$(parent.parent.left.document).contents().find("#taskCreat").attr("class","list-group-item");

6. 장점과 단점 프레임셋

현재 HTML5 표준은 더 이상 프레임세트를 지원하지 않는다는 것을 알고 있습니다. 다시 로드를 사용하더라도 페이지 전체를 다시 로드할 필요는 없지만 페이지에서 하나의 프레임 페이지만 다시 로드하면 됩니다(데이터 전송 감소 및 웹 페이지 속도 향상). ) 다운로드 속도). 그러나 브라우저의 뒤로 버튼이 쓸모가 없어 관리가 어렵고 코드가 복잡하며 작은 모바일 디스플레이에서 검색하기 어렵다는 점 등 많은 단점도 있습니다. 장치가 불완전합니다. 다중 프레임 페이지는 서버 http 요청 등을 증가시킵니다. 따라서 프레임셋 사용에 주의가 필요하며, 현재 p+CSS를 사용하여 이 기능을 구현할 수도 있습니다.

위 내용은 프레임셋 태그 디자인 페이지 고려 사항의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
如何在Word中复制页面如何在Word中复制页面Feb 20, 2024 am 10:09 AM

是否要复制MicrosoftWord中的页面,并保持格式不变?这是一个聪明的想法,因为当您想要创建特定文档布局或格式的多个副本时,在Word中复制页面可能是一种有用的节省时间的技术。本指南将逐步引导您在Word中复制页面的过程,无论是创建模板还是复制文档中的特定页面。这些简单的说明旨在帮助您轻松地重新制作页面,省去从头开始的麻烦。为什么要在MicrosoftWord中复制页面?在Word中复制页面非常有益的原因有以下几点:当您有一个具有特定布局或格式的文档要复制时。与从头开始重新创建整个页面不同

处理Laravel页面无法正确显示CSS的方法处理Laravel页面无法正确显示CSS的方法Mar 10, 2024 am 11:33 AM

《处理Laravel页面无法正确显示CSS的方法,需要具体代码示例》在使用Laravel框架开发Web应用时,有时候会遇到页面无法正确显示CSS样式的问题,这可能会导致页面呈现不正常的样式,影响用户体验。本文将介绍一些处理Laravel页面无法正确显示CSS的方法,并提供具体的代码示例,帮助开发者解决这一常见问题。一、检查文件路径首先要检查CSS文件的路径是

3秒跳转页面实现方法:PHP编程指南3秒跳转页面实现方法:PHP编程指南Mar 25, 2024 am 10:42 AM

标题:3秒跳转页面实现方法:PHP编程指南在网页开发中,页面跳转是常见的操作,一般情况下我们使用HTML中的meta标签或者JavaScript的方法进行页面跳转。不过,在某些特定的情况下,我们需要在服务器端进行页面跳转。本文将介绍如何使用PHP编程实现一个在3秒内自动跳转到指定页面的功能,同时会给出具体的代码示例。PHP实现页面跳转的基本原理PHP是一种在

如何在iPhone上自定义和编辑待机模式:iOS 17的新功能如何在iPhone上自定义和编辑待机模式:iOS 17的新功能Sep 21, 2023 pm 04:01 PM

待机是iOS17更新中的一项新功能,它提供了一种新的增强方式,可以在手机快速闲置时访问信息。通过StandBy,您可以方便地查看时间、查看即将发生的事件、浏览日历、获取您所在位置的天气更新等等。激活后,iPhone在充电时设置为横向时会直观地进入待机模式。此功能非常适合床头柜等无线充电点,或者在日常任务中离开iPhone充电时。它允许您轻扫待机中显示的各种小部件,以访问来自各种应用程序的不同信息集。但是,您可能希望根据您的偏好和您经常需要的信息修改这些小部件,甚至删除一些小部件。因此,让我们深入

重新排列、禁用和删除 iPhone 主屏幕页面的方法重新排列、禁用和删除 iPhone 主屏幕页面的方法Nov 29, 2023 am 08:22 AM

在iOS中,Apple允许您禁用iPhone上的单个主屏幕页面。还可以重新排列主屏幕页面的顺序,并直接删除页面,而不仅仅是禁用它们。这是它的工作原理。如何重新排列主屏幕页面触摸并按住主屏幕上的空格可进入抖动模式。轻点代表主屏幕页面的圆点行。在显示的主屏幕网格中,轻触并拖动页面以将其相对于其他页面重新排列。其他人会移动以响应您的拖拽动作。当您对新排列感到满意时,点击屏幕右上角的“完成”,然后再次点击“完成”以退出抖动模式。如何禁用或删除主屏幕页面触摸并按住主屏幕上的空格可进入抖动模式。轻点代表主屏

如何快速刷新网页?如何快速刷新网页?Feb 18, 2024 pm 01:14 PM

页面刷新在我们日常的网络使用中非常常见,当我们访问一个网页后,有时候会遇到一些问题,比如网页加载不出来或者显示不正常等。这时候我们通常会选择刷新页面来解决问题,那么如何快速地刷新页面呢?下面我们就来探讨一下页面刷新的快捷键。页面刷新快捷键是一种通过键盘操作来快速刷新当前网页的方法。在不同的操作系统和浏览器中,页面刷新的快捷键可能有所不同。下面我们以常见的W

Word删除一页内容的方法介绍Word删除一页内容的方法介绍Mar 26, 2024 am 10:06 AM

标题:Word删除一页内容的方法介绍在使用MicrosoftWord编辑文档时,有时会遇到需要删除某一页内容的情况,可能是想删除文档中的一页空白页或者某一页不需要的内容。针对这种情况,我们可以采取一些方法来快速、有效地删除一页内容。接下来,将介绍一些在MicrosoftWord中删除一页内容的方法。方法一:删除一页内容首先,打开需要编辑的Word文档。定

利用ThinkPHP6实现漂亮的404页面利用ThinkPHP6实现漂亮的404页面Jun 20, 2023 am 11:06 AM

随着互联网的日益发展,许多网站或应用也逐渐变得复杂。当用户在使用时,时常会遇到错误页面,其中最常见的就是404页面。404页面指访问的页面不存在,是常见的错误页面。而对于网站或应用来说,一个漂亮的404页面能极大提升用户体验。在本文中,我们将会介绍如何利用ThinkPHP6快速实现一个漂亮的404页面。创建路由首先,我们需要在route文件夹中创建一个err

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음