frame標簽相比大家知道這個標簽，但是用的人也算比較少，畢竟性能問題，iframe標簽是html標簽的一種是文檔里面包含著另外一個文檔。因為在管理后臺（dedecms，thinkcmf，layui）等上面大量有運用到iframe技術(shù)，所以值得拿出來深入的研究下。

iframe標簽基礎(chǔ)：

iframe代碼判斷示例：
<iframe src="http://www.baidu.com"></iframe>
可以看的出代碼結(jié)構(gòu)是非常簡單的，iframe里的width插入頁的寬；height插入頁的高；scrolling 是否顯示頁面滾動條（可選的參數(shù)為 auto、yes、no，如果省略這個參數(shù)，則默認為auto）；frameborder 邊框大??；frameborder 屬性規(guī)定是否顯示 iframe 周圍的邊框；align：left、right、top、middle、bottom。用于規(guī)定如何根據(jù)周圍的元素來對齊此框架。不贊成使用。請使用樣式代替。srcdoc 屬性規(guī)定頁面的 HTML 內(nèi)容顯示在行內(nèi)框架中。allowfullscreen值是true和false，是否允許iframe全屏，默認為false。allowtransparencytrue or false是否允許iframe設(shè)置為透明，默認為false。

iframe結(jié)合JavaScript操作

我們通常把iframe理解為盒子，而這個盒子跟傳統(tǒng)的div盒子不一樣，里面的內(nèi)容是由window對象，父級window對象，頂級window對象三個來控制，就是說我們自定義的css標簽對于iframe的頁面是沒有任何影響的。用iframe.contentWindow, 獲取iframe的window對象來改變iframe對應(yīng)的狀態(tài)。

iframe的安全性問題：

畢竟iframe是可以嵌套來嵌套去，所以你的頁面也有可能被一些不法的網(wǎng)站給嵌套過去。那么我們就要懂點防嵌套技術(shù)。
用JavaScript判斷是否是本域操作，如果不是的話，禁止行為并且提示。代碼如下：
if(window !=window.top){ window.top.location.href=correctURL;

}

如果大家有更多的iframe操作的話，歡迎留言區(qū)互相的探討謝謝。

家今天好我是小月,為大家介紹一下建站的基礎(chǔ)語音,喜歡的建站的朋友要認真閱讀,這會對你有一定的幫助!!

網(wǎng)站：

網(wǎng)站分類：企業(yè)網(wǎng)站 商城 個人博客 資訊網(wǎng)站；

所用的技術(shù)基本都是一樣的； html div+css js(簡單介紹)

html 語言

是什么？

html全稱是超文本標記語言，

有什么用？

用來搭建網(wǎng)頁的結(jié)構(gòu)，。制作網(wǎng)頁；；

怎么用？

語法規(guī)范，等；

小寫；

標記（標簽）是成對出現(xiàn)的；寫完開始標簽之后一定要馬上關(guān)閉；

遵循一定嵌套規(guī)則；大的嵌套小的；

開發(fā)工具 記事本，dw；

first.html 擴展名

word擴展名是.doc

head部分是網(wǎng)頁的頭部部分；

body部分是網(wǎng)頁的主體部分；

head主要用來存放網(wǎng)頁的，標題，關(guān)鍵詞，描述，作者等信息；

body就是用存放網(wǎng)頁的主要內(nèi)容，就是我們能夠看得到的內(nèi)容，文字，圖片，視頻，廣告。。。。

瀏覽器；

是什么？一個軟件（應(yīng)用程序），

windows ie

有什么用？

用來解析網(wǎng)頁源代碼；把從服務(wù)器上下載下來的人們看不懂的網(wǎng)頁源代碼變成變通網(wǎng)民要吧瀏覽的網(wǎng)頁；

怎么用？

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

分類；

主法瀏覽器：ie 谷歌瀏覽器 火狐瀏覽器 safari蘋果 歐朋瀏覽器

https://www.w3cschool.cn/(福利哦!這是最全面的網(wǎng)站代碼網(wǎng)址)

html里面常用的標簽；

head里面的<title></title>標題是針對整個網(wǎng)站的標題；

標題標簽是指文檔內(nèi)部body里面的標題 <h1></h1>針對網(wǎng)頁內(nèi)部的標題是，指某一個網(wǎng)頁；

審查元素；右鍵，審查元素；

h2 標題標簽

h1----h6一共有六級標題 從h1到h6字體不斷變小，加粗；

標題它很霸道，它一來就獨占一行，其它標題，文字等，你就到下一行開始；

段落標簽,用來進行分段，段落設(shè)置的；

<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>

這個代碼是你上傳視頻之后的視頻代碼,可以放在自己的網(wǎng)址你使他人觀看你的視頻(上傳愛奇藝直接可以獲得代碼這樣會很方便)

調(diào)用視頻標簽<embed src=""></embed>

allowFullScreen="true" 允許全屏，

quality="high"

width="480" 寬度

height="350" 高度 默認的單位是像素；

align="middle" 對齊方式；

我們把錄制好的視頻上傳到第三方視頻網(wǎng)站有什么好處？

節(jié)省我們自己網(wǎng)站空間；

速度快；

有利于seo（視頻優(yōu)化）；

圖片標簽

圖片image img

<img src=""/>

src它是img的一個屬性，它表示路徑；

路徑：

路徑是指計算機文件在計算機中存儲的位置

路徑分為相對路徑與絕對路徑；

絕對路徑：是指文件在計算機中的絕對存儲的位置；

（選中文件，右鍵，屬性，可以查看文件路徑；）

特征：直接從盤符出發(fā)下來的路徑；C: D:

在網(wǎng)頁制作中不使用絕對路徑；

相對路徑：是指兩個文件相對的位置關(guān)系；

first.html文件與pic01.jpg文件都在E盤下面，它們的位置關(guān)系是兄弟關(guān)系

兄弟關(guān)系在寫路徑時，直接在src的值里面寫上src="圖片名稱"

第二種：叔侄關(guān)系；

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

src="tupian/pic01.jpg"

<img src="圖片路徑" /> 雙引號是英文下的雙引號；

跟圖片相關(guān)的屬性 width="" height="" 寬度與高度；

title="" 鼠標提示

alt屬性

alt作用；

當(dāng)圖片無法正常顯示的時候，網(wǎng)頁中可以顯示alt的值，有利于網(wǎng)民了解圖片內(nèi)容；

目前的搜索引擎技術(shù)不能夠識別圖片，它只知道你這是一個圖片，但是不知道你的圖片內(nèi)容是什么。alt的里面的提示可以讓搜索引擎知道這是個什么圖片；

水平線標簽 <hr/>

注釋；有什么用；

<!--這是注釋內(nèi)容，自定義-->

作用：對復(fù)雜的代碼結(jié)構(gòu)進行解釋說明；方便日后管理查看；

方便對代碼進行測試；

以于注釋里面的內(nèi)容，瀏覽器是不進行解釋的；

css注釋；

超級鏈接

<a href="路徑"> 鏈接對象</a>(超級鏈接它可以讓你的字有跳轉(zhuǎn)到其他頁面的功能)

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>

以上是今天的建站的內(nèi)容，喜歡的小伙伴關(guān)注一下我每天都會更新這方面的知識！謝謝大家！