使用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屬性,再無其他屬性。

 

 

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM