校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識(shí)庫 > XHTML中的超鏈接標(biāo)簽使用教程

XHTML中的超鏈接標(biāo)簽使用教程

熱門標(biāo)簽:地圖標(biāo)注沿海城市房價(jià) 西安金倫外呼系統(tǒng) 地圖標(biāo)注員工作內(nèi)容 中國地圖標(biāo)注城市的 通遼地圖標(biāo)注app 智能語音電銷機(jī)器人客戶端 威海語音外呼系統(tǒng)平臺(tái) 高德地圖標(biāo)注廁所 江西ai電銷機(jī)器人如何


超鏈接,也叫“鏈接”。超鏈接在我們?yōu)g覽的網(wǎng)頁上可以說是無處不在,我們點(diǎn)擊網(wǎng)頁上某個(gè)鏈接地址,即鏈接到另一個(gè)網(wǎng)頁,這就是超鏈接在起作用。
使用 <a></a> 標(biāo)簽來定義超鏈接,語法:
<a href="url">顯示的文字或圖片</a>
例子:

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <a href="http://www.baidu.com/">鏈接至百度</a>  

瀏覽器顯示效果:
鏈接至百度
當(dāng)我們點(diǎn)擊上面 “鏈接至百度” 字樣時(shí),瀏覽器便會(huì)轉(zhuǎn)向百度首頁。


超鏈接屬性
超鏈接屬性:
href 鏈接地址。可以是絕對網(wǎng)頁地址或者相對地址。
target 鏈接目標(biāo)。取值為 _blank 會(huì)在新窗口中打開鏈接地址,缺省則使用當(dāng)前窗口打開鏈接地址。
name 錨鏈接,這個(gè)我們下面會(huì)單獨(dú)講到。

相對網(wǎng)頁鏈接地址:

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <a href="/css" target="_blank">DIV+CSS教程</a>  

這個(gè)例子使用了相對地址,而在上面鏈接至百度的例子,則使用了絕對地址。

增加了 target 屬性的例子:

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <a href="http://www.baidu.com/" target="_blank">鏈接至百度</a>  

再次點(diǎn)擊該鏈接時(shí),瀏覽器會(huì)啟用新頁面打開鏈接地址,而原頁面窗口得以保留。
提示
當(dāng)一個(gè)鏈接地址與當(dāng)前主題或流程并不十分緊密時(shí),通常會(huì)啟用 target="_blank" 屬性,否則盡量不要啟用新窗口,以便給瀏覽者以友好的瀏覽體驗(yàn)。
如果頁面是由幾個(gè)頁面框架幀組成,那么 target 屬性還可以有其他取值

郵件超鏈接
郵件鏈接例子:

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <a href="mailto:admin@xyz.com">聯(lián)系xyz站的站長</a>  

點(diǎn)擊此鏈接,將啟用默認(rèn)的郵件客戶端撰寫郵件。

錨鏈接
錨鏈接是指頁面內(nèi)的鏈接,但現(xiàn)在很多人也把文字超鏈接叫做錨鏈接。
我們舉個(gè)例子解釋一下錨的作用:
例如我們有一篇文章寫得很好,有很多人都在文章后面作了評論,而發(fā)表評論的窗口一般都在評論結(jié)束最底下的位置。網(wǎng)站會(huì)在發(fā)表評論的地方設(shè)置一個(gè)錨鏈接,而在顯示評論的位置設(shè)計(jì)一個(gè)鏈接到錨鏈接,如:“發(fā)表評論”。如果有人不想查看別人留下的評論而想立刻跳轉(zhuǎn)到評論輸入窗口,那么點(diǎn)擊“發(fā)表評論”即可在本業(yè)內(nèi)快速跳轉(zhuǎn)到評論輸入窗口。這種設(shè)計(jì)無疑提高了瀏覽者的用戶體驗(yàn)。
使用錨鏈接的例子
創(chuàng)建錨:

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <p><a name="comment"></a></p>  

創(chuàng)建鏈接至錨的超鏈接地址:

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <p><a href="#comment">鏈接至comment錨</a></p>  

從例子可以看出,訪問一個(gè)錨,就是在鏈接地址后面加上“#”號(hào)和錨的名字。上面這個(gè)例子由于是鏈接到本頁的錨,因此前面的鏈接地址被忽略(注:實(shí)際是相對地址被忽略,在此不做展開討論)。
提示
如果你要實(shí)驗(yàn)這個(gè)錨標(biāo)記的用法,那么注意一點(diǎn),將鏈接至錨的超鏈接和錨標(biāo)記之間保持足夠的網(wǎng)頁空間,才能看出效果。可以用我們上面學(xué)到的換行標(biāo)簽來創(chuàng)建足夠多的上下空白空間來進(jìn)行測試。
你也可以創(chuàng)建一個(gè)鏈接至其他頁面的錨標(biāo)記,例如:

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <p><a href="http://www.abc.com/#test">鏈接至錨</a></p>  

當(dāng)然需要在 www.abc.com 這個(gè)頁面有這個(gè) test 錨標(biāo)記才行,否則只會(huì)鏈接至 www.abc.com 頁面而忽略這個(gè)錨標(biāo)記。

標(biāo)簽:崇左 北海 青海 阜陽 晉中 營口 河池 眉山

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《XHTML中的超鏈接標(biāo)簽使用教程》,本文關(guān)鍵詞  XHTML,中的,超,鏈接,標(biāo)簽,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《XHTML中的超鏈接標(biāo)簽使用教程》相關(guān)的同類信息!
  • 本頁收集關(guān)于XHTML中的超鏈接標(biāo)簽使用教程的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 安义县| 葵青区| 唐山市| 德格县| 巧家县| 梅河口市| 泌阳县| 榕江县| 泰来县| 南充市| 开远市| 永顺县| 邵阳市| 嵊州市| 怀远县| 都昌县| 沙河市| 贵阳市| 咸丰县| 弥勒县| 睢宁县| 高雄县| 安龙县| 通化县| 清原| 濉溪县| 安阳县| 德阳市| 定南县| 米易县| 福鼎市| 城市| 义马市| 昌平区| 大连市| 东城区| 巴马| 新化县| 屏东市| 茌平县| 东阿县|