码迷,mamicode.com
首页 > Web开发 > 详细

使用HTML5建立超链接

时间:2014-07-17 18:23:03      阅读:369      评论:0      收藏:0      [点我收藏+]

标签:style   http   使用   文件   width   html   

创建超链接
<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属性,再无其他属性。

 

 

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

使用HTML5建立超链接,布布扣,bubuko.com

使用HTML5建立超链接

标签:style   http   使用   文件   width   html   

原文地址:http://www.cnblogs.com/AinRain/p/3851360.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!