搜索

框架。

Feb 27, 2025 am 09:33 AM

框架:综合指南

框架集是一种将网页构造到多个独立帧中的方法,它提供了一种将浏览器窗口分为部分的方法,每个窗口都可以显示单独的HTML文档。 尽管曾经常见,但它们在很大程度上被现代布局技术所取代。本指南探讨了它们的功能,局限性和替代方案。

> frameSet的工作方式:

框架组使用

>元素对多个帧进行分组。 这些帧可以水平布置(使用<frameset></frameset>属性)或垂直(使用rows>属性),也可以在两者的组合中进行排列。每个帧由cols>元素定义。 至关重要的是,框架集需要特定的Doctype,并且不允许在标签中的内容;框架集本身取代了身体。<frame>

frameset (HTML element)

图1:一个简单的两行帧。

嵌套框架是可能的,可以进行复杂的布局。 例如,用另一个框架替换框架会创建一个层次结构。

>

图2:嵌套框架示例。

frameset (HTML element) 限制和挑战:

框架集提出了几种可用性和SEO挑战:

书签:书签特定的框架需要在所需框架上右键单击(或Mac上的ctrl单击)。>

>打印:

打印框架可能会出现问题,需要仔细考虑是否要打印整个集合或单个帧。>

    键盘导航:
  • 仅使用键盘导航可能会很麻烦,需要在框架之间切换。
  • 搜索引擎优化(SEO):搜索引擎可能难以在框架内索引内容,可能导致搜索可见性不佳。 可能需要一个“在框架集中查看此页面”链接,通常需要JavaScript。
  • >示例:
  • >一个简单的框架集,具有两个水平布置的帧:>
  • >用例(有限): >在很大程度上过时的情况下,在利基市场中可能会考虑框架集,其中持续的导航面板需要与动态变化的内容共存。 但是,对于此类情况,通常优选基于CSS的解决方案。
  • >

>常见问题:

  • > 的目的:<frameset></frameset>>将浏览器窗口分为多个帧,每个框架都加载一个单独的HTML文档。 与其他元素的差异
  • >
  • 定义页面结构,而不是内容,替换>元素。<frameset></frameset>
  • html5兼容性:在HTML5中弃用。
  • 属性:<frameset></frameset>
  • 控制框架布置和尺寸。 rows帧大小控制:cols
  • 属性以像素或百分比指定大小。 rows嵌套框架:cols是的,它们得到了支持但不鼓励。
  • >
  • >链接到特定帧:使用
  • >或
  • elements中的属性。target>限制:<a></a>可用性问题,SEO问题以及缺乏HTML5支持。 <form></form>
  • 替代方案: css布局,
  • 元素和html5语义元素。
  • >从框架的过渡:
  • 使用CSS和HTML5元素重新设计,用于现代,可访问的布局。 总而言之,尽管FrameSets提供了一种创建复杂的页面布局的方法,但它们的局限性以及使用CSS和HTML5的优越替代方案的可用性使它们通常不适合现代Web开发。 但是,了解它们的功能为Web设计的演变提供了宝贵的背景。

以上是框架。的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
滑动页脚滑动页脚Apr 09, 2025 am 11:50 AM

刚刚推出了一个引人入胜的新网站。标语:Big Tech正在看着您。我们正在看大型技术。上升的出色工作。这

喜欢的页面喜欢的页面Apr 09, 2025 am 11:47 AM

前几天,我发布了有关在JavaScript中解析RSS提要的内容。我还发布了有关RSS设置的信息,讨论了Feedbin的核心。

重新创建Codepen Gutenberg嵌入块以进行理智。重新创建Codepen Gutenberg嵌入块以进行理智。Apr 09, 2025 am 11:43 AM

学习如何通过Chris Coyier实施WordPress的Gutenberg编辑器来创建一个自定义Codepen块,并为Sanity Studio提供预览。

如何使用CSS制作线路图如何使用CSS制作线路图Apr 09, 2025 am 11:36 AM

线,条和饼图是仪表板的面包和黄油,是任何数据可视化工具包的基本组成部分。当然,您可以使用SVG

编程SASS创建可访问的颜色组合编程SASS创建可访问的颜色组合Apr 09, 2025 am 11:30 AM

我们一直在寻求使网络更容易访问。颜色对比只是数学,因此Sass可以帮助涵盖设计师可能错过的边缘案例。

我们如何创建一个在SVG中生成格子呢模式的静态站点我们如何创建一个在SVG中生成格子呢模式的静态站点Apr 09, 2025 am 11:29 AM

格子呢是一块图案布,通常与苏格兰有关,尤其是他们时尚的苏格兰语。在Tar​​tanify.com上,我们收集了5,000多个格子呢

PHP模板的后续行动PHP模板的后续行动Apr 09, 2025 am 11:14 AM

不久前,我仅以PHP(基本上是Heredoc语法)发布了有关PHP模板的信息。我从字面上使用该技术来进行某种超级基础

使用Bootstrap组件创建模态图像库使用Bootstrap组件创建模态图像库Apr 09, 2025 am 11:10 AM

您是否曾经在网页上单击图像,该图像通过导航打开图像的较大版本以查看其他照片?

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用