使用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属性，再无其余属性。

 

 

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