使用HTML5創建超連接

建立超連接
<a href=url>網頁元素</a>

 

設置超連接指向的目標類型
1.連接到各類類型的文件
超連接<a>標記的href屬性是指向連接的目標，目標能夠是各類類型的文件。若是是瀏覽器可以識別的類型，會直接在瀏覽器中顯示；若是是瀏覽器不能識別的類型，在IE瀏覽器中會彈出文件下載對話框。
<a href="a.html">連接html文件</a>
<a href="coffe.jpg">連接圖片</a>
<a href="2.doc">連接Word文檔</a>

鏈接到其餘網站或FTP服務器
<a href="http://www.baidu.com">連接百度</a>
<a href="http://172.16.1.254">鏈接到FTP服務器</a>

3.設置電子郵件連接
<a href="mailto:電子郵件地址">網頁元素</a>

 

用新窗口顯示超連接頁面
默認狀況下，當單擊超連接時，目標頁面會在當前窗口中顯示，替換當前頁面中的內容。若是要在單擊某個連接之後，打開心的瀏覽器窗口並在這個新窗口中顯示目標頁面，就須要使用<a>標籤的target屬性。

target屬性有4個值，分別是「_blank」,"_self","_top","_parent".因爲HTML5不在支持框架，因此"_top","_parent"這兩個取值不經常使用。

"_blank"值爲在新窗口中顯示超連接頁面，"_self"表明在自身窗口中顯示超鏈接頁面，當省略target屬性時，默認取值爲"_self".

<a href="a.html" target="_blank">新窗口</a>

 

 

------------------------------------------------------------

如何連接到同一頁面的不一樣位置
<a href="#C4">查看第4章</a>

<h2><a name="C4">第4章</a></h2>

 

建立熱點區域
在瀏覽網頁時，會發現，當單擊一張圖片的不一樣區域，會顯示不一樣的連接內容，這就是圖片的熱點區域。所謂熱點區域就是將一個圖片劃分紅若干個鏈接區域。訪問者單擊不一樣的區域會連接到不一樣的目標頁面。
<img src="" usemap="#名稱">
<map id="#名稱">
<area shape="rect" coords="10,10,100,100" href="#">
<area shape="circle"coords="120,120,50" href="#">
<area shape="poly" coords="18,13,81,14,53,32,86,38" href="#">
</map>

 

 

建立浮動框架
HTML5中已經再也不支持frameset框架，可是他仍支持iframe浮動框架的使用。浮動框架能夠自由控制窗口的大小，能夠配合表格隨意地在網頁中的任何位置插入窗口，實際上就是在窗口中再建立一個窗口。
使用iframe建立浮動框架的格式以下：
<iframe src="連接對象">

<iframe src="http://www.baidu.com"></iframe>

若是須要調整浮動框架尺寸，須要使用CSS樣式；若修改上述浮動框架尺寸，要在head標記部分增長以下CSS代碼：
<style type="text/css">
iframe
{
width:600px;
height:800px;
border:none;
}
</style>

在HTML5中，iframe僅支持src屬性，再無其餘屬性。

 

 

-----------------------------------------------------