iframe属性

时间:2024-03-21 04:04:17编辑:奇事君

关于HTML

HTML代码是一种标记性超文本语言所谓的标记可以理解为记号,举个例子比如:就像英语对照中文一样,学过英语的人就知道HELLO是你好的意思。那么HTML也是一样的道理,
这个符号就是换行的意思。所以HTML代码非常简单,没有任何逻辑问题,只要你背会住对应的标记就可以学会。HTML用于网站的基本元素即使说做一个网页先要写HTML代码,写上标题,文字内容,图片,视频等等一些基本元素,当然这样的网页非常难看,而且布局的限制也非常狭窄。所以接下来要学习CSS代码,加上这种代码就可以像其他优秀的网站一样美观了。HTML是什么样子的这一段文字
前面这段代码就可以写一段文字了,如果详细说明,
为初始代码 ,为关闭代码,文字需要写在这里面。这是一个标题 跟上述所讲的一样为初始代码 ,为关闭代码,就可以写成一个标题了。具体想学HTML建议去W3Cschool网站。

HTML 简介

HTML介绍分为3部分,第一部分是HTML简介及历史,第二部分是HTML元素,第三部分是实战及学习笔记。

以下是第一部分:
参考资料:
w3.org, html 文档

HTML,即Hypertext markup language是万维网的核心标记语言,最初HTML被设计作为一门语言,用于语言描述科学文档,后续则被拓展用于描述一系列不同类型的文档,甚至应用。

1990-1995,迅速发展,从CERN到IETF(国际互联网工作组)接管.
1995-1997, 随着W3C建立,又变成由W3C主导,期间推出了HTML 3.2 和HTML 4.01
1998-2000,W3C停止HTML版本推进,开始研究XHTML 1.0(XML-based HTML 4.01), 其没有添加任何新特性,反而更加地长篇累牍,更严格的检测标准等。后续发布了XHTML 2.0,其与XHTML 1.0,HTTP 4.01不兼容。

期间直到2003,HTML没有版本的变化,但期间出现了 DOM Level 1 & 2,提高了客户端的使用体验以及功能拓展。

2003,XForms(定位于下一代Web form)发布,其证明了很多它所拥有的新特性能拓展到HTML 4.01,Mozilla及Opera借此于2004年向W3C提出了更新HTML版本的提议,但W3C选择继续发展XML-based作为替代HTML。

于是Mozilla, Opera联合Apple组成新实体WHATWG,发展HTML 的Living document,对HTML继续进行拓展及新特性添加,直到后期W3C才转回HTML标准的制定,多谢WHATWG,才有了我们今天基本采用的HTML 5。

W3C与WHATWG于2008年一起发布了第一份草案,2014年正式发布HTML 5。

*MDN Web Docs 简介:Mozilla Developer Network的后续,致力于Web标准文档的发展以及Web开发资料分享,包括HTML5, JavaScript, CSS, Web APIs, Node.js以及网络扩展等

*HTML/XML/DOM等的语法上的一些区别:
namespaces不能用在HTML语法中,但可用作DOM及XHTML里;
可被用在HTML里,但不能用在DOM,XHTML里,
-->仅仅能用在DOM里。

*Text: in the context of content models, means either nothing, or Text nodes. Text is sometimes used as a content model on its own, but is also phrasing content, and can be inter-element white space
Text nodes and attribute values must consist of Unicode characters

* end tag, start tag, end tag, start tag, end tag等在满足一定条件情况下可以省略,更多可以省略的可以参考 这里 。

*块级及内联元素
块级元素会以可见的块呈现在页面上,其显示会与其前后的content有一行的间距,常用于呈现结构化的elements,如paragraph, list, nav, footer等,块级元素不能被内嵌在内联元素之中,块通常只出现在里。

内联元素是包含在块里的,仅仅只包含一小部分内容,常呈现在段落里,如, , 等。其存在将不会导致新的一行的产生。
注意可以使用css display 属性,设置inline为block。
*HTML parsing model

*, , , , 及MathTL, SVG里的元素为embeded元素

*元素是大小写不敏感的


关于iframe的一些知识

1、iframe的创建比一般的DOM元素慢了1-2个数量级

iframe的创建比其他包括scripts和css的DOM元素的创建慢了1-2个数量级。当然页面一般不会包含太多的iframe,所以创建DOM节点花费的时间还不会占很大比重。

2、阻塞页面加载

及时触发window的onload事件是非常重要的。onload事件触发使浏览器的“忙”指示器停止,告诉用户当前网页已经加载完毕。当onload事件加载延迟后,它给用户的感觉是这个网页非常慢。
window的onload事件需要在所有iframe加载完毕后(包含里面的元素)才会触发。通过Javascript动态设置iframe的src可以避免这种阻塞情况。

3、唯一的连接池

浏览器只能开少量的连接到web服务器。绝大部分浏览器,主页面和其中的iframe是共享这些连接的。这意味着iframe在加载资源时可能用光了所有的可用连接,从而阻塞了主页面资源的加载。如果iframe中的内容比主页面的内容更重要,这当然是好的。但通常情况下,iframe里的内容是没有主页面重要的。这时iframe用光可用连接就不值得了。

4、不利于SEO

搜索引擎的检索程序无法解读iframe。另外,iframe本身不是动态语言,样式和脚本都需要额外导入。

综上,iframe应谨慎使用。


iframe说明与用法

一、记录说明 二、iframe说明 标签用于定义一个页面的内联框架。就是在一个html页面中分出小块,然后用iframe把其他网页嵌入进来,这小块就会显示其他html页面的内容了。 三、iframe标签常用属性 四、父、子页面常用方法 1、父页面 注意:iframe加载也需要时间(相当于重新打开一个页面),需要在父页面操作子页面,要等子页面加载完成,iframe常加上onload事件,jq常加上 $('#iframeId').load(function(){}); 再开始操作子页面。 2、子页面 五、实例 这里也包含了项目中写的常用的公共函数。为了方便js直接嵌入html中。因为jquery很方便,也引入了。 六、替换方法 1、ajax获取页面操作DOM加载。jquery也有提供 $('divId').load('.html') 直接加载的方法。 2、vue等框架,组件。

上一篇:攻击软件

下一篇:车牌识别系统