XHTML、CSS与javascript入门经典_第二章 链接和导航

web与其他媒体的实质就是包含了链接，链接有三种，网站内部之间的链接（内部链接）、指向其他网站的链接（外部链接），以及指向网站网页中特定位置的链接

2.1基本链接

2.1.1链接到其他网页

2.1.2链接到E-mail地址，href特性的关键字以mailto开头，后面紧跟冒号，然后是E-mail地址。eg:

    <a href="mailto:name@example.com">E-mail Address</a>

    缺点：直接暴露了E-mail地址，可以作为垃圾邮件的目标

2.2理解目录和目录结构

    

2.3URL简介

2.3.1绝对URL和相对URL

    1、相同目录

    2、子目录

    3、父目录

          每次使用“../”就返回上一级目录

    4、根目录

          起始部分的“/”表示根目录

2.3.2<base>元素

    设置网页的基URL，浏览器遇到相对URL时，根据基URL转换成绝对URL，eg：

    <base href="xxxxx"/>

2.4使用<a>元素创建链接

2.4.1使用href特性创建源锚点

2.4.2使用name特性和id特性创建目标锚点（链接到网页的特定部分）

    尽量使用id特性，在URL中也可以使用#加上id链到目标锚点。eg：

    目标锚点：<a id="id">xx</a>

    源锚点：<a href=" #id">xx</a>

2.4.3<a>元素的其他特性

    1.accesskey特性

        激活键盘的链接快捷键（按键不区分大小写），eg：

        <a href="xx" accesskey="a"></a>

        当用户按下a+Ctrl+Alt（Ctrl、Alt）取决于操作系统，激活后有的浏览器直接跳转。有的只是高亮显示，还需要再按下Enter。

    2.charset特性

        设置URL的字符编码

    3.coords特性

        创建图像映射，以一组x、y坐标，表明那一部分是链接内容

    4.hreflang特性

        指定源链接所指向的网页编码

    5.rel特性（浏览器还未全部支持）

        用于源锚点，指定当前文档的href特性，和资源之间的关系

    6.rev特性（浏览器还未全部支持）

        用于目标锚点，指定当前文档的href特性，和资源之间的关系

    7.shape特性

        指定热点区域形状，创建连接

    8.tabindex特性

           按下Tab键时，元素获得焦点顺序，取值0~32767，0 相当于未添加

    9.target特性

           设置target="_blank",在新的标签打开窗口

    10.title特性

            可视化文本方式提供额外信息

    11.type特性（浏览器还未支持）

            设置指定链接的MIME类型

    

2.5高级E-mail链接