frame标签相比大家知道这个标签，但是用的人也算比较少，毕竟性能问题，iframe标签是html标签的一种是文档里面包含着另外一个文档。因为在管理后台（dedecms，thinkcmf，layui）等上面大量有运用到iframe技术，所以值得拿出来深入的研究下。

iframe标签基础：

iframe代码判断示例：
<iframe src="http://www.baidu.com"></iframe>
可以看的出代码结构是非常简单的，iframe里的width插入页的宽；height插入页的高；scrolling 是否显示页面滚动条（可选的参数为 auto、yes、no，如果省略这个参数，则默认为auto）；frameborder 边框大小；frameborder 属性规定是否显示 iframe 周围的边框；align：left、right、top、middle、bottom。用于规定如何根据周围的元素来对齐此框架。不赞成使用。请使用样式代替。srcdoc 属性规定页面的 HTML 内容显示在行内框架中。allowfullscreen值是true和false，是否允许iframe全屏，默认为false。allowtransparencytrue or false是否允许iframe设置为透明，默认为false。

iframe结合JavaScript操作

我们通常把iframe理解为盒子，而这个盒子跟传统的div盒子不一样，里面的内容是由window对象，父级window对象，顶级window对象三个来控制，就是说我们自定义的css标签对于iframe的页面是没有任何影响的。用iframe.contentWindow, 获取iframe的window对象来改变iframe对应的状态。

iframe的安全性问题：

毕竟iframe是可以嵌套来嵌套去，所以你的页面也有可能被一些不法的网站给嵌套过去。那么我们就要懂点防嵌套技术。
用JavaScript判断是否是本域操作，如果不是的话，禁止行为并且提示。代码如下：
if(window !=window.top){ window.top.location.href=correctURL;

}

如果大家有更多的iframe操作的话，欢迎留言区互相的探讨谢谢。

家今天好我是小月,为大家介绍一下建站的基础语音,喜欢的建站的朋友要认真阅读,这会对你有一定的帮助!!

网站：

网站分类：企业网站 商城 个人博客 资讯网站；

所用的技术基本都是一样的； html div+css js(简单介绍)

html 语言

是什么？

html全称是超文本标记语言，

有什么用？

用来搭建网页的结构，。制作网页；；

怎么用？

语法规范，等；

小写；

标记（标签）是成对出现的；写完开始标签之后一定要马上关闭；

遵循一定嵌套规则；大的嵌套小的；

开发工具 记事本，dw；

first.html 扩展名

word扩展名是.doc

head部分是网页的头部部分；

body部分是网页的主体部分；

head主要用来存放网页的，标题，关键词，描述，作者等信息；

body就是用存放网页的主要内容，就是我们能够看得到的内容，文字，图片，视频，广告。。。。

浏览器；

是什么？一个软件（应用程序），

windows ie

有什么用？

用来解析网页源代码；把从服务器上下载下来的人们看不懂的网页源代码变成变通网民要吧浏览的网页；

怎么用？

原理是什么，如何工作的；

分类；

主法浏览器：ie 谷歌浏览器 火狐浏览器 safari苹果 欧朋浏览器

https://www.w3cschool.cn/(福利哦!这是最全面的网站代码网址)

html里面常用的标签；

head里面的<title></title>标题是针对整个网站的标题；

标题标签是指文档内部body里面的标题 <h1></h1>针对网页内部的标题是，指某一个网页；

审查元素；右键，审查元素；

h2 标题标签

h1----h6一共有六级标题 从h1到h6字体不断变小，加粗；

标题它很霸道，它一来就独占一行，其它标题，文字等，你就到下一行开始；

段落标签,用来进行分段，段落设置的；

<p></p>

补充：换行标签<br/> 单标签；

属性与属性值；

align是对齐方式的属性，

center 它是属性值；

align它有三个值 left center right 左中右

人

身高 180CM

体重 200KG

视频标签

图片标签，路径

视频上传；

<embed> src="http://player.video.qiyi.com/8087

1720cce4f179bdb7d43f2536bfbe/0/0/w_19r

txdm8ud.swf-albumId=7713312809-

tvId=7713312809-isPurchase=0-cnId=12"

allowFullScreen="true" quality="high"

width="480" height="350"

align="middle"

allowScriptAccess="always"

type="application/x-shockwave-

flash"></embed>

这个代码是你上传视频之后的视频代码,可以放在自己的网址你使他人观看你的视频(上传爱奇艺直接可以获得代码这样会很方便)

调用视频标签<embed src=""></embed>

allowFullScreen="true" 允许全屏，

quality="high"

width="480" 宽度

height="350" 高度 默认的单位是像素；

align="middle" 对齐方式；

我们把录制好的视频上传到第三方视频网站有什么好处？

节省我们自己网站空间；

速度快；

有利于seo（视频优化）；

图片标签

图片image img

<img src=""/>

src它是img的一个属性，它表示路径；

路径：

路径是指计算机文件在计算机中存储的位置

路径分为相对路径与绝对路径；

绝对路径：是指文件在计算机中的绝对存储的位置；

（选中文件，右键，属性，可以查看文件路径；）

特征：直接从盘符出发下来的路径；C: D:

在网页制作中不使用绝对路径；

相对路径：是指两个文件相对的位置关系；

first.html文件与pic01.jpg文件都在E盘下面，它们的位置关系是兄弟关系

兄弟关系在写路径时，直接在src的值里面写上src="图片名称"

第二种：叔侄关系；

first.html文件首先要找到tupian文件夹，然后在tupian文件夹里面找到他的侄儿 pic01.jpg;

src="tupian/pic01.jpg"

<img src="图片路径" /> 双引号是英文下的双引号；

跟图片相关的属性 width="" height="" 宽度与高度；

title="" 鼠标提示

alt属性

alt作用；

当图片无法正常显示的时候，网页中可以显示alt的值，有利于网民了解图片内容；

目前的搜索引擎技术不能够识别图片，它只知道你这是一个图片，但是不知道你的图片内容是什么。alt的里面的提示可以让搜索引擎知道这是个什么图片；

水平线标签 <hr/>

注释；有什么用；

<!--这是注释内容，自定义-->

作用：对复杂的代码结构进行解释说明；方便日后管理查看；

方便对代码进行测试；

以于注释里面的内容，浏览器是不进行解释的；

css注释；

超级链接

<a href="路径"> 链接对象</a>(超级链接它可以让你的字有跳转到其他页面的功能)

target （有道）

target有两个常用的值； 第一个值target="_blank"表示在新的一个窗口中打开这个链接；第二个值 target="_self" 表示在原来的窗口位置打开；浏览器中默认的即为此值；

图片也要可以加链接

<a href=""><img src="imgs1.jpg"/></a>

列表

分为有序列表和无序列表；

无序列表

<ul>

<li>咖啡</li>

<li>茶</li>

<li>牛奶</li>

有序列表

<ol>

<li>咖啡</li>

<li>牛奶</li>

<li>茶</li>

</ol>

以上是今天的建站的内容，喜欢的小伙伴关注一下我每天都会更新这方面的知识！谢谢大家！