XZ_HTML5之超链接和锚点

HTML页面使用超链接与网络上的另一个资源保持关联，当用户单击页面上的超链接时，浏览器会导航到超链接所指的资源。

HTML5保留了定义超链接的<a/>元素，该元素可以指定id、class、style等核心属性，也可以指定onclick等各种事件属性。它还可以指定以下三个重要属性。

    href：指定超链接所关联的另一个资源。

    target：指定使用框架中的哪个框架来装载另一个资源。该属性的属性值可以是_self、_blank、_top、_parent四个值，分别代表使用自身、新窗口、顶层框架、父框架来装载新资源。

    media：指定目标URL所引用的媒体类型。默认值为all。只有当指定了href属性时该属性才有效。

当我们使用<a/>元素时，href属性值既可是绝对路径，也可是相对路径，当指定绝对路径时，href属性值为URL（Uniform Resource Locator，统一资源定位器），URL用于对互联网上的文档（或其他资源）进行寻址。一个完整的网址，例如：http://www.crazyit.org/index.php遵循如下语法规则：

scheme：//host.domain：port/path/filename

scheme：指定因特网服务的类型。最流行的类型是HTTP、

domain：指定因特网域名，比如crazyit.org、fkjava.org等。

host：指定此域中的主机。如果被省略，HTTP的默认主机是www。

port：指定主机的端口号。端口号通常可以被省略，HTTP服务的默认端口号是80。

path：指定远程服务器上的路径，该路径也可被省略，省略该路径则默认被定位到网站的根目录。

filename：指定远端文档的名称。如果省略该文件名，通常会定位到index.html、index.htm等文件，或定位到Web服务器设置的其他文件。

下表显示URL最流行的scheme以及对应资源：

                        scheme

                             对应资源

file

 访问本地磁盘上的文件

ftp

访问远程FTP服务器上的文件

http

访问WWW服务器上的文件

news

访问新闻组上的文件

telnet 

访问Telnet连接

gopher

访问远程Gopher服务器上的文件

<a/>元素还可生成一个命名锚点，命名锚点用于在HTML页面中生成一个定位点，这样允许超链接直接链接到指定页面的该定位点。

插入定位锚点需要指定name属性，name属性值就是该命名锚点的名称。例如：

<!--生成命名锚点-->

<aname="test"></a>

用浏览器浏览命名锚点时，该命名锚点不会生成任何显示内容，我们可以使用如下超链接来定位到该锚点：

<ahref="index.html#test">定位到test锚点</a>

定位到指定锚点需要在URL资源后面指定锚点名，锚点名和URL资源之间以#隔开。