首頁 > 文章 > web前端 > html的錨文本怎麼寫

html的錨文本怎麼寫

錨文本這個字大家可能不是很熟，但是說到超連結你一定很清楚，所以如果說錨文_錨連結也稱為超連結。那你一定知道什麼是錨文本了吧？今天我們就來談談錨文本的使用。

12bf4637543b341f714867dad1eb792f被連結內容5db79b134e9f6b82c0b36e0489ee08ed

網址，網址一定加上http ://+網域名稱

相對路徑，如htef="/abc/",代表本站內錨文本

target目標值如下：

_blank -- 在新視窗中開啟連結_parent -- 在父窗體中開啟連結_self -- 在目前窗體開啟連結,此為預設值_top -- 在目前窗體開啟連結，並取代目前的整個窗體(框架頁)

如果target不帶值，代表在本頁父窗體中開啟連結

A標籤內常用屬性：

1）、href：開啟目標地址（網址），一般填寫將要轉到目標地址。如href="http://www.php.cn /"這樣瀏覽者在網頁中滑鼠點選對應此錨文本將會開啟到網頁http://www.php.cn/

2）、target：開啟目標方式

如果a標籤內沒有此元素，預設是在瀏覽網頁中重新載入對應連結網頁

_blank ：新標籤視窗頁，設定此屬性，點選錨文本後對應新標籤網頁視窗卡開啟對應位址

_parent：父級開啟網頁，此屬性可以理解為本頁網頁從新載入錨文本的網頁，針對html框架iframe網頁中，整個網頁將重新載入開啟目標網址位址

常用就此兩種開啟目標方式，一個是新建視窗、一個不設定target將本頁重新載入錨文本位址指向URL、一個是整個網頁父級重新載入（類似沒有設定target）相同效果。

html a作用

使用a錨連結可以從A頁面轉到B頁面，也就是常常見到和使用的，如新聞網站，我們看到標題覺得感興趣，滑鼠點擊然後進入另外頁面了解詳情。這個就是html a超連結運用。

html a應用程式實例

<a href="http://www.php.cn/" target="_blank" title="转到PHP主页">php</a>

html a適用範圍

使用html a可以對圖片進行錨文本超連結

exp：

<a href="http://www.php.cn/" target="_blank" title="转到php主页"><img src="http://www.php.cn" /></a>

可以對文字內容進行錨文本超連結

<a href="http://www.php.cn/">php</a>

html a應用擴充功能

同頁面錨文本-同頁面內上下轉到指定位置

#常看見我們頁面底部點擊「回到頂部」連結就會轉到網頁頂部實現。

Exp：

1、首先我們在網頁body內最上面添加一個

<span id="top" name="top"></span>

2、我們再到body內，需要出現點擊後轉到頂部位置添加，32b8079eefba4a22cdbe0fbb9a6fbf4a回到頂部5db79b134e9f6b82c0b36e0489ee08ed

這樣就可實現點擊「回到頂部」即可本頁內快速瀏覽到網頁頂部位置。

使用語法：

1、需要轉到地方添加，8320b8a89ccb2303d967308171f542ec文字5db79b134e9f6b82c0b36e0489ee08ed，注意href值是#開頭+英文字母命名

2、需要在被轉到位置添加，08920c41db55eb409e01ca2e89675a8f54bdf357c58b8a65c66d7c19c8e4d114，注意id和name值相同並且與a命名相同

錨文本的使用就是這麼多了，需要的朋友可以保存一下，也請大家持續關注本站的其他更新。

相關文章