HTML5基础—常用标签(五)超链接

1.超链接基本语法:

<a href ="url">链接起点</a>

链接起点一般将文本或者图片标识作为起点:<a href ="url">文字</a>  或者   <a href ="url"><img src="图片路径" /></a>

<a href=#>链接文本</a> 定义了一个空链接

2.链接分为外部链接和内部链接

外部链接:创建外部链接要使用绝对路径

内部链接:创建内部链接要使用相对路径

3.target属性

<a href ="url" target="目标窗口打开方式">链接起点</a>

_self:默认值,将被链接的目标加载到与该链接文字相同的窗口中。

_blank:将被链接的目标加载到新的浏览窗口中。

_parent:将被链接的目标加载到父框架窗口中。

_top:将被链接的目标加载到整个浏览器窗口中并删除所有框架

浏览器窗口的名称:在某个已经指定名称的浏览器窗口中打开链接

4.type属性

默认值为all

5.title是HTML5的全局属性 当鼠标移动到元素上时会显示一段提示文本,常用于以图像为起点的超链接

如:<a href="http://www.baidu.com" title="回到百度"><img src="p1.png" /></a>

6.超链接不仅可以链接网页,还可以链接其他文件类型,比如:图片、压缩包、doc文档、或邮箱地址等

邮件:<a href="mailto:邮箱地址">文字或图片</a>

7.锚记链接 (要先定义,后使用)

<a>标签的name属性定义锚记的名称,一个页面可以定义0到多个锚记,通过<a>的href属性可以跳转到相应锚记位置。

在同一页面使用锚记链接:

<a name="锚记名称"></a>

<a href="#锚记名称">链接元素内容</a>

不在同一页面使用锚记链接:

<a name="锚记名称"></a>

<a href="URL#锚记名称">链接元素内容</a>

8.设置图像映射(热区链接):在图像上某个或多个区域设置链接

<map>双标记

<arera>单标记

基本语法:

<img src="图像路径" usemap="#图像映射名称">

<map name="图像映射名称" id ="图像映射名称">

      <area shape="形状" coords="坐标" href="url">

      <area shape="形状" coords="坐标" href="url">

...

</map>

其中,图像映射名称都是相同的值。<map>可以包含若干<area>元素

9.内联框架<iframe> HTML5不再支持<frame> 和<frameset>

基本语法:<iframe src="url">..</iframe>

10.定义基准地址<base>(单标记)

<base>必须位于<head>部

基本语法:

<head>

    <base href="url" target="打开目标窗口的方式" />

</head>

发布了32 篇原创文章 · 获赞 17 · 访问量 4905

猜你喜欢

转载自blog.csdn.net/mango_ZZY/article/details/100132763