html框架的最新版本

作为网页设计师,我们都希望使用最新和最好的技术。然而,有时,由于种种原因,我们无法将遗留页面更新为当前的web标准。您可以在某些软件应用程序上看到这一点,这些应用程序可能是多年前为公司定制的。如果你的任务是在这些网站上工作,那么毫无疑问,你会因为使用一些旧代码而沾沾自污。你甚至可以在那里看到一两个!...

作为网页设计师,我们都希望使用最新和最好的技术。然而,有时,由于种种原因,我们无法将遗留页面更新为当前的web标准。您可以在某些软件应用程序上看到这一点,这些应用程序可能是多年前为公司定制的。如果你的任务是在这些网站上工作,那么毫无疑问,你会因为使用一些旧代码而沾沾自污。你甚至可以在那里看到一两个!

Not an HTML frame but rather an empty frame on a gallery wall

HTML元素在几年前是网站设计的一个固定元素,但这是一个你现在很少在网站上看到的特性——这是有充分理由的。让我们看看现在的支持情况,以及如果您被迫在传统网站上使用框架,您需要知道什么。

html5对框架的支持

HTML5。这意味着,如果您使用该语言的最新迭代对网页进行编码,则不能在文档中使用HTML框架。如果要对页面的doctype使用aHTML 4.01或XHTML。

因为HTML5不支持框架,所以您不会在新建站点上使用此元素。这是你只会在上面提到的旧式网站上遇到的。

不要与iFrame混淆

HTML

目标html框架

好的,所有关于框架过时的事情都已经说过了,如果您确实需要使用这些旧的HTML片段,会发生什么呢?

如果您使用的是较旧的doctype,并且确实希望使用HTML框架,那么您应该注意一些常见问题。其中一个问题是如何在正确的框架中打开链接。这就是所谓的目标定位。你给你的锚定标签一个“目标”来打开他们的链接。目标通常是帧的名称。

在上面的框架集中,有两个框架,第一个称为“nav”,第二个称为“main”。我们可以想象nav框架(frame1.html)是导航,其中的所有链接都应该在主框架(frame2.html)中打开。

为此,您需要将frame1中的链接的目标设置为“main”。target=“main”>。但是,如果您不想将目标添加到导航页面上的每个链接,该怎么办?您可以在文档头部设置默认目标。这称为基本目标。你可以加一行

框架和非框架

frames标记中最被误用的部分之一是noframes。这个标签允许具有框架不兼容浏览器的用户查看您的页面(这不适用于HTML5,只适用于没有框架支持的非常旧的浏览器-因此您不能尝试将其塞进HTML5中以使其工作)。很好的尝试,但没有运气。),这是最终的目标,不是吗?

在典型的框架集中,HTML如下所示:

这将创建一个具有两个框架的页面,顶部为40像素高,底部为页面的其余部分。这将是一个很好的顶部导航栏框架集,在40像素的框架中具有品牌和导航功能。

但是,如果您的一个浏览者使用不兼容的浏览器访问您的站点,他们会得到一个空白页面。他们返回您的站点的可能性非常小,为了让他们能够查看,您需要再添加四行HTML:

This site is framed, but you can view a non-framed version.

因为您在页面的noframes部分中指向框架集(frame2.html)的内容部分,所以您的站点变得可访问。

请记住,虽然您可能正在使用最喜爱的浏览器的最新版本,但您的观众可能不想继续下载最新的软件。他们的机器可能不支持它,或者他们可能没有空间在硬盘上安装20+兆欧程序。添加四行HTML是一个简单的解决方案。

  • 发表于 2021-09-04 22:58
  • 阅读 ( 120 )
  • 分类:IT

你可能感兴趣的文章

你应该使用12个很棒的html5模板

...图像、推荐信、配色方案、多个可定制的部分以及与引导框架的兼容性。它反应灵敏,所以在任何设备上都很好看。 ...

  • 发布于 2021-03-14 00:18
  • 阅读 ( 270 )

创建web界面:从何处开始

...类的。JavaScript拒绝简单的分类,因为它被扩展到了许多框架中,以适应许多不同的目的。这是一个灵活的,模糊衍生自C族,多范式,松散类型的混合变色龙与编码概念玩喜鹊。它要么是非常通用的语言的一个很好的例子,要么...

  • 发布于 2021-03-16 05:47
  • 阅读 ( 272 )

web组件和基于组件的体系结构简介

...许您创建自定义HTML元素。您会发现在现代的前端JavaScript框架中使用最多的web组件。但是“Web组件”实际上是w3cweb标准,不需要框架就可以使用。 ...

  • 发布于 2021-03-30 04:57
  • 阅读 ( 389 )

是什么vue.js?初学者概述

Vue是一个现代的前端框架,可以帮助任何人建立一个网站或web应用程序。它的重量轻,灵活,易于入门。但它也是一个完整、丰富的框架,可以满足最先进的web应用程序生成器的需求。 ...

  • 发布于 2021-03-30 14:05
  • 阅读 ( 426 )

在linux上使用firefox?你的flash播放器已经过时了!

...浏览器——Firefox、Safari,甚至最近的Chrome——都使用NPAPI框架。NPAPI最初是为Netscape开发的—NPAPI代表“Netscape插件应用程序编程接口”。它成为所有非Internet Explorer浏览器使用的标准插件体系结构。 但是NPAPI非常古老。2013年,谷...

  • 发布于 2021-04-11 07:52
  • 阅读 ( 186 )

发现你最喜欢的网站的动力

...数站点中找到足够有趣的数据。 使用Chrome嗅探器发现Web框架和Javascript库 如果你想知道什么CMS是一个网站的动力,如果它使用谷歌分析或Quantcast,这是你的扩展。Chrome嗅探器(下面的链接)识别了超过40种不同的框架,并不断添...

  • 发布于 2021-04-13 16:04
  • 阅读 ( 130 )

亲爱的网络用户:请升级您的浏览器

...rnet Explorer,同时通过在Internet Explorer中安装一个名为Chrome框架的附加组件,获得与Google Chrome类似的速度和查看体验。Chrome框架是一个附加组件,它支持Internet Explorer版本6、7、8和9中的HTML5和CSS3等新Web技术。只要您正在查看的网...

  • 发布于 2021-05-26 04:41
  • 阅读 ( 157 )

角度1(angular 1)和角度2(angular 2)的区别

...的编程语言。2010年,AngularJS作为一个开源的web应用程序框架被引入,该框架旨在通过为MVC和MVVM架构提供一个框架来简化web应用程序的开发和测试。但每个产品都必须进化。在过去的几年里,棱角的变化非常剧烈。2016年,Angular 2...

  • 发布于 2021-06-25 08:35
  • 阅读 ( 195 )

框架(phonegap)和科尔多瓦(cordova)的区别

...高效工作的应用程序。但是,构建移动应用程序需要一个框架。 PhoneGap和Cordova是最常见的跨平台框架,用于通过使用标准web技术(如HTML、CSS和JavaScript)为所有主要平台上的所有移动设备创建、开发和开发应用程序。 本文重点...

  • 发布于 2021-06-25 14:58
  • 阅读 ( 293 )

html格式(html)和html5(html5)的区别

...版本之前,它不会保持很长时间不变。HTML5是第五个也是最新版本的HTML,用于在万维网上构建和呈现内容。   什么是html格式(html)? HTML是超文本标记语言的缩写。HTML是万维网的主要语言,它允许你格式化文本、添加声音、视...

  • 发布于 2021-06-25 15:54
  • 阅读 ( 321 )
X648199649558
X648199649558

0 篇文章

相关推荐