1、a元素

属性:href,hreflang,media,rel,target,type

该元素现在既能包含短语内容也能包含流内容。media属性是新增的。HTML4中已弃用的target属性现在又被恢复。在HTML5中,不含href值的a元素作为超链接的占位符使用。原有的id、coords、shape、urn、charset、methods、rev属性现已不再使用

属性表:

属性

说明

href

指定a元素所指资源的URL

hreflang

说明所链接资源使用的语言

media

说明所链接资源用于哪种设备。

rel

说明文档与所链接资源的关系类型。

target

指定用以打开所链接资源的浏览环境

type

说明所链接资源的MIME类型(比如text/html )

2、生成指向外部的超链接

将a元素的href属性设置为以http://开头的URL即可生成到其他HTML文档的超链接。用户点击该超链接时,浏览器就会加载指定的页面。

<a href="https://www.baidu.com">baidu</a>

URL不一定都要指向其他网页。尽管URL中用得最多的协议就是http,但浏览器也支持一些其他协议(比如https和ftp )。如果想引用一个电子邮箱地址,那么可以使用mailto协议,如mailto:adam@mydomain.com。

3、使用想对URL

如果href属性值不是以类似http:/l这样的已知协议开头,那么浏览器会将该超链接视为相对引用。默认情况下,浏览器会假定目标资源与当前文档位于同一位置。

<a href="baidu.html">baidu.com</a>

假设当前文档来自http://www.baidu.com/doc/text.html,那么加载的html在http://www.baidu.com/doc/baidu.html。这种默认行为通过base元素提供一个基础的URL

4、生成内部的超链接

超链接也可用来将同一文档中的另一个元素移入视野。为此需要用到形如CSS中针对目标元素的ID选择器的表达式:#。

<a href="#baidu">baidu.com</a>
<p id="baidu">
    this is id that name is baidu.
</p>

当用户点击这个链接时,浏览器将在文档中查找一个id属性为baidu的元素,如果该元素不在视野中那么浏览器会将文档滚动到能看到它的位置。

如果找不到指定id属性的元素,那么会在一次查找,找一个和name属性值匹配的元素。

5、设定浏览环境

target属性的用途是告诉浏览器希望将所链接的资源显示在哪里。默认情况下,浏览器使用的是显示当前文档的窗口、标签页或窗框(frame ),所以新文档将会取代现在显示的文档,不过还有其他选择。

a中target属性使用的值

属性值

说明

blank

在新窗口或标签页中打开文档

parent

在父窗框组( frameset)中打开文档

self

在当前窗口中打开文档(这是默认行为)

_top

在顶层窗口打开文档

<frame>

在指定窗框中打开文档