前端之路--html（五） 超链接

超链接
超链接是html文档最基本的特性之一，其名为hyperlink，超链接可以将文档中的任何部分定位或跳转到任意位置，超链接的种类有外部链接，电子邮件链接，锚点链接，空链接和脚本链接。
基本知识：
超链接的路径有绝对路径和相对路径。
绝对路径：
绝对路径是指包括服务器路径在内的完全路径，例如：'http://blog.csdn.net/aaa'此路径即为绝对路径；
优点在于，它和链接的源端点无关，只要网站地址不变，无论文档结构如何变化，都可以发生正常跳转，而如果希望链接在同站点上的其他内容则必须使用绝对路径
缺点在于，不利于测试，如需要测试绝对链接的站点是否有效，则只能在浏览器端对链接进行测试，同时绝对连接的方式也不利于站点的移植。
相对路径：
绝对路径是指源与目标之间的相对位置，例如：'./aaa'此路径即为相对路径：
有点在于，只要文档结构不变，链接就不会失败和出错，同时可以将整个网站移动到另一个地址中，而不需要修改链接的路径。
缺点在于，文件间的相互关系可能较难表达出来。

---

标签：
<a> [href | hreflang | media | rel | target | type]
作用：
定义超链接，用于从一个页面链接到另一个页面，此标签最重要的属性是 href 属性，它指定链接的目标。
语法：
<a href='url(uniform resource locator)统一资源定位符' target='目标窗口打开方式'>W3School</a>
属性说明；
href 属性规定链接的目标地址，在 HTML 5 中，如果未使用 href 属性，则 <a> 标签不是链接，而是链接的占位符。
其参数URL可能的值：
绝对 URL - 指向另一个站点（比如 href="http://www.example.com/index.htm"）；
相对 URL - 指向站点内的某个文件（href="index.htm"）；
锚 URL - 指向页面中的锚（href="#锚点名称" ,锚点的建立代码<a name='锚点名称'>）；
邮件地址 URL - 打开一个默认的邮件发送地址（<a href='mailto:www.xx.com'>）；

文件地址 URL - 打开一个文件以供下载（<a href='xx.rar'>）；

---

hreflang 属性指定href属性规定的链接的语言，该属性必须在href属性存在时才能使用，参数可以参考HTML 语言代码参考手册

media 属性为HTLM5新增加的属性，它规定目标 URL 是为什么类型的媒介/设备进行优化的，具体参数较为复杂，可以参见http://www.w3school.com.cn/html5/att_a_media.asp

rel 属性用于指定当前文档与被链接文档的关系。例如 <a href='xxx' rel="attr"></a>，具体参数可以参看http://www.w3school.com.cn/tags/att_a_rel.asp，此属性几乎没有浏览器支持，但是搜索引擎可以利用该属性获得更多有关链接的信息。
target 属性用于控制打开的目标窗口，它包含四个属性：-self 在被点击时的同一框架中打开被链接文档（默认）,-blank 在新窗口中打开被链接文档,-top 在窗口主体中打开被链接文档,-parent 在父框架中打开被链接文档
type 属性为HTLM5新增加的属性，规定链接中指向的文档的 mime 类型，不常用