HTML5从入门到精通 (第2版)
上QQ阅读APP看书,第一时间看更新

2.4 基底网址标记<base>

URL路径是一种互联网地址的表示方法,在这个地址里可以包括以何种协议链接、要链接到哪一个地址、链接地址的端口(Port)号以及服务器(Server)里页面的完整路径和页面名称等信息。在HTML中,URL路径分为两种形式:绝对路径和相对路径。绝对路径是将服务器上磁盘驱动器名称和完整的路径写出来,同时也会表现出磁盘上的目录结构;相对路径是相对于当前HTML文档所在目录或站点根目录的路径。

HTML页面通过基底网址把当前HTML页面中所有的相对URL转换成绝对URL。一般情况下,通过基底网址标记<base>设置HTML页面的绝对路径,那么在页面中的链接地址只需设置成相对地址即可,当浏览器浏览页面时,会通过<base>标记将相对地址附在基底网址的后面,从而转化成绝对地址。

例如,在HTML页面的头部定义基底网址如下。

        <base href="http://www.mingribook.com/html">

在页面主体中设置的某一个相对地址如下。

        <a href="../html/book.html">

当使用浏览器浏览时,这个链接地址就变成如下的绝对地址。

        http://www.mingribook.com/html/book.html

因此,在HTML页面中设置基底标记时不应该多于一个,而且要将其放置在头部以及任何包含URL地址的语句之前。

语法

        <base href="链接地址" target="新窗口的打开方式">

语法解释

在该语法中,链接地址就是要设置的页面的基底地址,而新窗口的打开方式可以设置为不同的效果,其属性值及含义如表2.4所示。

表2.4 链接窗口的打开方式

实例代码

        <html>
        <head>
        <base href="http://www.mingribook.com" target="_blank">
        <title>基底网址标记</title>
        </head>
        <body>
        <a href="../1-2.htm">打开一个相对地址</a>
        </body>
        </html>

运行该程序,当鼠标移动到链接文字上面时,可以看到在IE的状态栏中显示出其完整的链接地址,它是由代码中设置的基底地址加上程序中的相对地址组成的,如图2.9所示。

图2.9 设置基底地址