随笔 - 1162 文章 - 0 评论 - 16 阅读 - 59万

07链接标签

一、链接标签

单词缩写： anchor 的缩写。

在 HTML 中创建超链接非常简单，只需用标签环绕需要被链接的对象即可。

语法格式：

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

注意：

外部链接需要添加 http://www.baidu.com
内部链接直接链接内部页面名称即可比如 < a href="index.html"> 首页 </a>
如果当时没有确定链接目标时，通常将链接标签的 href 属性值定义为“#”(即 href="#")，表示该链接暂时为一个空链接。
不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。

二、常用属性

属性名称    属性值                                        说明
href       url                                          规定链接指向的页面的 url
rel        text                                         规定当前文档与被链接文档之间的关系
target     \_blank、\_parent、\_self、\_top、framename   规定在何处打开链接文档
download   filename                                     规定被下载的超链接的目标

href：用于指定链接目标的 url 地址，当为标签应用 href 属性时，它就具有了超链接的功能。 Hypertext Reference 的缩写。意思是超文本引用
target：用于指定链接页面的打开方式，
- _self 表示在当前页面中打开，为默认值；
- _blank 为在新选项卡中打开；
- _parent ：将链接的文件载入含有该链接框架的父框架集或父窗口中；
- _top ：在当前的整个浏览器窗口中打开所链接的文档；
- framename：在指定的框架中打开被链接的文档。

三、锚点定位

通过创建锚点链接，用户能够快速定位到目标内容。

创建锚点链接分为两步：

使用<a href=”#id名>"链接文本"</a>创建链接文本。(使用 name 值也可以，不仅仅限于 id)
使用相应的 id 名标注跳转目标的位置。

四、base 标签

定义：<base> 标签是 HTML 语言中的基准网址标记，是一个单标签。

作用：规定页面上所有链接的默认 URL 和默认目标。

base 可以设置整体链接的打开状态，通常是写在 <head></head> 标签里面。

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>base</title>
    <meta charset="UTF-8">
    <base href="http://www.w3cschool.cn" target="_blank">
</head>
<body>
<p>img标签里的src的绝对路径是http://www.w3cschool.cn/statics/images/course/planets.gif</p>
<img src="/statics/images/course/planets.gif" width="145" height="126" alt="Planets">
</body>
</html>

注意：base 规定的是页面上所有连接的默认 URL，是所有的！！！其包括 src，href 等所有 URL。使用到的链接都会与 base 里的 href 链接拼接。

例如：

<!DOCTYPE html>
<html lang="en">
<head>
<title>base</title>
 <meta charset="UTF-8">
<base href="http://www.w3cschool.cn" target="_blank">
<link rel="stylesheet" type="text/css" href="CSS/first.css" > <!--链接外部资源-->
</head>
<body>
<p>外部样式表想引用非base链接目录下的文件，那么该样式表将无法找到。</p>
</body>
</html>