HTML 标签为页面上的所有链接规定默认地址或默认目标-html教程-PHP中文网

HTML 标签为页面上的所有链接规定默认地址或默认目标

php中文网

发布： 2016-09-14 09:24:02

原创

2241人浏览过

定义和用法

标签为页面上的所有链接规定默认地址或默认目标。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括、 HTML 标签为页面上的所有链接规定默认地址或默认目标、、

标签必须位于 head 元素内部。

可选的属性

属性	值	描述
target	_blank _parent _self _top framename	在何处打开页面中所有的链接。

案例：

立即学习“前端免费学习笔记（深入）”；

<html>
<head>
<<span style="color: #0000ff;">base</span> href=<span style="color: #800000;">"</span><span style="color: #800000;">http://www.w3school.com.cn/i/</span><span style="color: #800000;">"</span> />
<<span style="color: #0000ff;">base</span> target=<span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span> />
</head>

<body>
<img  src=<span   style="max-width:90%" alt="HTML  标签 为页面上的所有链接规定默认地址或默认目标" >"</span><span style="color: #800000;">eg_smile.gif</span><span style="color: #800000;">"</span> /><br />
<p>请注意，我们已经为图像规定了一个相对地址。由于我们已经在 head 部分规定了一个基准 URL，浏览器将在如下地址寻找图片：</p>
<p><span style="color: #800000;">"</span><span style="color: #800000;">http://www.w3school.com.cn/i/eg_smile.gif</span><span style="color: #800000;">"</span></p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/1960">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680456053464.png" alt="小羊标书">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1960">小羊标书</a>
                            <p>一键生成百页标书，让投标更简单高效</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="小羊标书">
                                <span>62</span>
                            </div>
                        </div>
                        <a href="/ai/1960" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="小羊标书">
                        </a>
                    </div>
                

<br /><br />
<p><a href=<span style="color: #800000;">"</span><span style="color: #800000;">http://www.w3school.com.cn</span><span style="color: #800000;">"</span>>W3School</a></p>
<p>请注意，链接会在新窗口中打开，即使链接中没有 target=<span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span> 属性。这是因为 <span style="color: #0000ff;">base</span> 元素的 target 属性已经被设置为 <span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span> 了。</p>

</body>
</html>

登录后复制

<!DOCTYPE html>
<html>
<head>
<meta http-equiv=<span style="color: #800000;">"</span><span style="color: #800000;">Content-Type</span><span style="color: #800000;">"</span> content=<span style="color: #800000;">"</span><span style="color: #800000;">text/html; charset=gb2312</span><span style="color: #800000;">"</span> />
<meta http-equiv=<span style="color: #800000;">"</span><span style="color: #800000;">Content-Language</span><span style="color: #800000;">"</span> content=<span style="color: #800000;">"</span><span style="color: #800000;">zh-cn</span><span style="color: #800000;">"</span> />

<<span style="color: #0000ff;">base</span> target=<span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span> />
</head>

<body>

<p>
<a href=<span style="color: #800000;">"</span><span style="color: #800000;">http://www.w3school.com.cn</span><span style="color: #800000;">"</span> target=<span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span>>这个连接</a> 将在新窗口中加载，因为 target 属性被设置为 <span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span><span style="color: #000000;">。
</span></p>

<p>
<a href=<span style="color: #800000;">"</span><span style="color: #800000;">http://www.w3school.com.cn</span><span style="color: #800000;">"</span>>这个连接</a><span style="color: #000000;"> 也将在新窗口中加载，即使没有 target 属性。
</span></p>

</body>
</html>

登录后复制

Base 对象

Base 对象代表 HTML 的 base 元素。

在 HTML 文档中每出现一次，Base 对象就会被创建。

Base 对象属性

属性	描述
href	设置或返回针对页面中所有链接的基准 URL。
id	设置或返回元素的 id。
target	设置或返回针对页面中所有链接的默认目标框架。