
批改狀態(tài):合格
老師批語:鏈接元素, 以后可能只會用到錨點(diǎn)和鏈接功能,其它的功能并不常用的
我們平時見到的a標(biāo)簽中最為常見的就是
href
和target
這兩個屬性了,其次還有type
和download
,下面我們來依次分析一下它們各自都有著什么樣的用途:
href
屬性介紹通俗點(diǎn)講,這個屬性是目標(biāo)指向的意思,最常用的是頁面鏈接的地址,當(dāng)然不僅限于鏈接地址,也可以是撥打電話的鏈接、打開郵件工具發(fā)郵件的鏈接都可以通過
href
屬性來實(shí)現(xiàn);下面簡單的寫下上面提到的各種代碼示例:
點(diǎn)擊打開網(wǎng)頁目標(biāo)示例: <a href="http://ipnx.cn">PHP中文網(wǎng)</a>
點(diǎn)擊撥打電話示例:<a href="tel:13888888888">聯(lián)系客服</a>
點(diǎn)擊發(fā)送郵件示例: <a href="mailto:admin@admin.com">發(fā)送郵件</a>
點(diǎn)擊下載示例: <a href="http://ipnx.cn/kejian.zip">下載課件</a>
target
屬性介紹
target
屬性是設(shè)置我們上面href
的指向目標(biāo)打開源,我們平時點(diǎn)擊網(wǎng)頁中鏈接的時候會發(fā)現(xiàn)有的點(diǎn)擊是直接在當(dāng)前頁面跳轉(zhuǎn)到新頁面的,還有的是點(diǎn)擊之后會在一個新的窗口打開新頁面同時我們點(diǎn)擊的這個頁面也還保留著的,還有的是左邊點(diǎn)擊,右邊會隨之變動等等一些情況,那么這些都是通過配合target
屬性來實(shí)現(xiàn)的,我們直接上示例代碼:
在新窗口打開示例: <a href="http://ipnx.cn" target="_blank">PHP中文網(wǎng)</a>
在當(dāng)前窗口打開示例: <a href="http://ipnx.cn" target="_self">PHP中文網(wǎng)</a>
在父窗口打開示例: <a href="http://ipnx.cn" target="_parent">PHP中文網(wǎng)</a>
在頂層窗口打開示例: <a href="http://ipnx.cn" target="_top">PHP中文網(wǎng)</a>
指定窗口打開示例: <a href="http://ipnx.cn" target="窗口名稱">PHP中文網(wǎng)</a>
,此用法需要搭配<iframe>
元素一起使用
download
屬性介紹這個屬性是用來自定義下載文件名的,我們雖然不是很常見,但是非常的好用,比如在服務(wù)器上我們需要下載的一張圖片文件名是“img.jpg”,我們通過設(shè)置
download
屬性可以使用戶點(diǎn)擊下載這個圖片的文件名是另一個,看代碼寫法:
<a href="http://ipnx.cn/img.jpg" download="test.jpg">下載圖片</a>
type
屬性介紹
type
屬性是設(shè)定href
鏈接中文檔的 MIME 類型,且只能在href
屬性存在時使用才有效。看下面示例代碼:
<a href="http://ipnx.cn" type="text/html">走你</a>
中文名稱 | 文件后綴 | MIME類型 |
---|---|---|
超文本標(biāo)記語言文本 | .htm,.html | text/html |
普通文本 | .txt | text/plain |
RTF文本 | .rtf | application/rtf |
GIF圖形 | .gif | image/gif |
JPEG圖形 | .jpeg,.jpg | image/jpeg |
au聲音文件 | .au | audio/basic |
MIDI音樂文件 | mid,.midi | audio/midi,audio/x-midi |
RealAudio音樂文件 | .ra, .ram | audio/x-pn-realaudio |
MPEG文件 | .mpg,.mpeg | video/mpeg |
AVI文件 | .avi | video/x-msvideo |
GZIP文件 | .gz | application/x-gzip |
TAR文件 | .tar | application/x-tar |
錨點(diǎn)是超鏈接的一種,又叫命名錨記
錨點(diǎn)能夠迅速定位到當(dāng)前頁面內(nèi)標(biāo)記的指定位置
常見的錨點(diǎn)功能有“回到頂部”、“到底部”、單頁面中點(diǎn)擊跳轉(zhuǎn)到指定內(nèi)容位置等等
錨點(diǎn)的使用需要配合頁面中某元素加入id值作為錨點(diǎn)標(biāo)記,然后通過
href
超鏈接跳轉(zhuǎn)至標(biāo)記處,請看下方示例代碼:
通過學(xué)習(xí)本節(jié)《鏈接元素》,我們對網(wǎng)頁中常見的鏈接有了新的理解與認(rèn)識,從常見的鏈接屬性到陌生偶爾見到的鏈接屬性,對今后的開發(fā)道路都有很大的幫助。
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號