HTML網(wǎng)頁超鏈接標(biāo)記_XHTML教程
HTML網(wǎng)頁超鏈接標(biāo)記學(xué)習(xí)教程
鏈接標(biāo)記的屬性
鏈接是網(wǎng)頁頁面中最重要的元素之一,是一個(gè)網(wǎng)站的靈魂。一個(gè)網(wǎng)站是由多個(gè)頁面組成的,頁面之間依靠鏈接確定相互的導(dǎo)航關(guān)系。每一個(gè)網(wǎng)頁都有獨(dú)一無二的地址,在英文中被稱作url(Uniform Resource Locator:通用資源標(biāo)示符)。在地址欄輸入http://m.hl5o.cn然后回車,會(huì)打開網(wǎng)站的主頁面�?梢钥吹�,頁面中有多個(gè)欄目,多條新聞等,最上方不同的欄目就是文字鏈接。
鏈接標(biāo)記雖然在網(wǎng)站設(shè)計(jì)制作中占有不可替代的地位,但是其標(biāo)記只有一個(gè),那就是<a>標(biāo)記。本站介紹的鏈接應(yīng)用都是基于<a>標(biāo)記基礎(chǔ)上的。
鏈接標(biāo)記的屬性見下表
| 屬性 | 描述 |
|---|---|
| href | 指定鏈接地址 |
| name | 給鏈接命名 |
| title | 給鏈接提示文字 |
| target | 指定鏈接的目標(biāo)窗口 |
| accesskey | 鏈接熱鍵 |
關(guān)于路徑
每一個(gè)文件都有自己的存放位置和路徑,理解一個(gè)文件到要鏈接的那個(gè)文件之間的路徑關(guān)系是創(chuàng)建鏈接的根本。url—統(tǒng)一資源定位器,指的就是每一個(gè)網(wǎng)站都具有的獨(dú)立的地址。同一個(gè)網(wǎng)站下的每一個(gè)網(wǎng)頁都屬于同一個(gè)地址之下,但是當(dāng)創(chuàng)建網(wǎng)頁時(shí),不可能也不需要為每一個(gè)鏈接都輸入完全的地址。我們只需要確定當(dāng)前文檔同站點(diǎn)根目錄之間的相對(duì)路徑關(guān)系。因此鏈接可以分為以下3種:
- 絕對(duì)路徑
如http://m.hl5o.cn
- 相對(duì)路徑
如news/default.htm
- 根路徑
如/website/news/default.htm
在了解這三種地址形式前先要理解另外兩個(gè)概念:內(nèi)部鏈接和外部鏈接
內(nèi)部和外部都是相對(duì)于站點(diǎn)文件夾而言,假如鏈接指向的是站點(diǎn)文件夾之內(nèi)的文件,就是內(nèi)部鏈接。假如鏈接指向站點(diǎn)文件夾之外的,就被稱做外部鏈接。在添加外部鏈接的時(shí)候,將用到下面所講的絕對(duì)地址;而添加內(nèi)部鏈接的時(shí)候,將用到下面所講的根目錄相對(duì)地址和文件相對(duì)地址。
下面分別介紹這3種鏈接:
-
絕對(duì)路徑
絕對(duì)路徑為文件提供完全的路徑,包括適應(yīng)的協(xié)議,如http,Ftp,rtsp等。一般常見的有:
http://www.sohu.com
ftp://202.136.254.1
當(dāng)鏈接到其它網(wǎng)站中的文件時(shí),必須使用絕對(duì)鏈接。
-
相對(duì)路徑
相對(duì)鏈接最適合網(wǎng)站的內(nèi)部鏈接。只要是同一網(wǎng)站之下的,即使不在同一個(gè)目錄下,相對(duì)鏈接也非常合適。文件相對(duì)地址是書寫內(nèi)部鏈接的理想形式。只要是處于站點(diǎn)文件夾之內(nèi),相對(duì)地址可以自由地在文件之間構(gòu)建鏈接。這種地址形式利用的是構(gòu)建鏈接的兩個(gè)文件之間的相對(duì)關(guān)系,不受站點(diǎn)文件夾所處服務(wù)器位置的影響。因此這種書寫形式省略了絕對(duì)地址中的相同部分。這樣做的優(yōu)點(diǎn)是:站點(diǎn)文件夾所在的服務(wù)器地址發(fā)生改變時(shí),文件夾的所有內(nèi)部鏈接(假如采用此種地址形式)都不會(huì)出問題。
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請(qǐng)注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- HTML5的結(jié)構(gòu)和語義——結(jié)構(gòu)(二)
- HTML高級(jí)教程標(biāo)準(zhǔn)要點(diǎn)(xhtml)
- W3C公布最新的HTML5標(biāo)準(zhǔn)草案
- XHTML入門學(xué)習(xí)教程:XHTML網(wǎng)頁圖片應(yīng)用
- HTML文本高級(jí)教程
- XHTML入門學(xué)習(xí)教程:簡(jiǎn)單網(wǎng)頁制作
- HTML5的結(jié)構(gòu)和語義——語義性的塊級(jí)元素(三)
- HTML初級(jí)教程簡(jiǎn)介及入門
- HTML的一些關(guān)于顏色方面的參考
- XHTMLDHTMLSHTML到底是什么,有何區(qū)別?
- 相關(guān)鏈接:
- 教程說明:
XHTML教程-HTML網(wǎng)頁超鏈接標(biāo)記
。