第?4?章??超鏈接和路徑

?

?

學(xué)習(xí)要點(diǎn)：

1.超鏈接的屬性

2.相對(duì)與絕對(duì)路徑

3.錨點(diǎn)設(shè)置

?

本章主要探討?HTML5?中文本元素最重要的一個(gè)超鏈接，探討它自身的屬性以及路徑問

題。

?

一．超鏈接的屬性

<a>元素屬于文本元素，有一些私有屬性或者叫局部屬性。那么，相對(duì)應(yīng)的還有通用屬

性或叫做全局屬性。這方面的知識(shí)，后面會(huì)詳細(xì)探討。

?

?href?和?target?一般比較常用，而?href?是必須要用的。

1.href?屬性

<a???href="http://www.baidu.com">百度</a>

解釋：href?是必須屬性，否則<a>元素就變成空元素了。如果屬性值是?http://開頭

的?URL，意味著點(diǎn)擊跳轉(zhuǎn)到指定的外部網(wǎng)站。

?

2.target?屬性

<a???href="http://www.baidu.com"???target="_blank">百度</a>

解釋：target?屬性告訴瀏覽器希望將所鏈接的資源顯示在哪里。

?

_blank：在新窗口或標(biāo)簽頁中打開文檔

?

_parent：在父窗框組（frameset）中打開文檔

?

_self：在當(dāng)前窗口打開文檔（默認(rèn)）

?

_top：在頂層窗口打開文

?

?

?

這四種最常用的是_blank，新建一個(gè)窗口。而_self?是默認(rèn)，當(dāng)前窗口打開。_parent

和_top?是基于框架頁面的，分別表示在父窗口打開和在整個(gè)窗口打開。而?HTML5?中，框架

基本被廢棄，只能使用<iframe>元素。

?

二．相對(duì)與絕對(duì)路徑

所謂相對(duì)路徑，就是相對(duì)于鏈接頁面而言的另一個(gè)頁面的路徑。而絕對(duì)路徑，就是直接

從?file:///磁盤符開始的完整路徑。我們?cè)谕粋€(gè)目錄下做上兩個(gè)頁面，其中一個(gè)頁面鏈

接到另一個(gè)頁面。

?

1.絕對(duì)路徑

<a???href="file:///D:/備課/HTML5?第一季/code/index2.html">index2</a>

解釋：首先是?file:///開頭，然后是磁盤符，然后是一個(gè)個(gè)的目錄層次，找到相應(yīng)文

件。這種方式最致命的問題是，當(dāng)整個(gè)目錄轉(zhuǎn)移到另外的盤符或其他電腦時(shí)，目錄結(jié)構(gòu)一旦

出現(xiàn)任何變化，鏈接當(dāng)即失效。

?

2.相對(duì)路徑

<a???href="index2.html">index2</a>

解釋：相對(duì)路徑的條件是必須文件都在一個(gè)磁盤或目錄下，如果是在同一個(gè)目錄下，直

接屬性值就是被鏈接的文件名.后綴名。如果在同一個(gè)主目錄下，有多個(gè)子目錄層次，那就

需要使用目錄結(jié)構(gòu)語法。

?

3.目錄語法

同一個(gè)目錄：index2.html?或./index2.html；

在子目錄：xxx/index2.html；

在孫子目錄：xxx/xxx/index2.html；

在父目錄：../index2.html；

在爺爺目錄：../../index2.html；

?

三．錨點(diǎn)設(shè)置

超鏈接也可用來將同一個(gè)文檔中的另一個(gè)元素移入視野。通過屬性?id?或?name?實(shí)現(xiàn)錨

點(diǎn)定位。

//鏈接

<a??href="#1">第一章</a>??<a??href="#2">第二章</a>??<a??href="#3">第三章</a>

//錨點(diǎn)

<a???name="1"></a>??或者?<a???id="3"></a>

?

轉(zhuǎn)載于:https://www.cnblogs.com/crdit/p/9338154.html

總結(jié)

以上是生活随笔為你收集整理的第 4 章  超链接和路径的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。