跳至內容

說明:外部連結圖標

維基百科,自由的百科全書

外部連結通常會在鏈接末尾顯示一個圖標。系統使用CSS檢測特定的文件擴展名URI方案,並根據所選皮膚顯示對應文件類型的圖標。

本頁面包含用於演示鏈接圖標的示例URL。顯示的圖標僅取決於URL本身,系統不會檢查該鏈接是否實際存在對應類型的文件。此處示例均不指向真實文件。

說明

[編輯]

MediaWiki軟件通過檢測URI方案和/或文件擴展名來創建鏈接;因此不帶URI的鏈接不會應用外部連結樣式。MediaWiki不會嘗試通過檢測URL中的任何部分(如www)來創建鏈接,因為許多網站的URL並不包含這些內容。

皮膚Vector和Cologne Blue僅顯示PDF圖標。Modern、MonoBook和Timeless顯示完整的文件擴展名圖標集和部分URI方案圖標;移動版Minerva則不顯示任何圖標。除PDF圖標外(只要文件名擴展名中包含「pdf」就會顯示),所有圖標均由各皮膚的CSS定義。[1]

僅當擴展名完全匹配時才會顯示對應的文件擴展名圖標。文件擴展名圖標的優先級高於URI方案圖標。如果頁面渲染時鏈接文本中存在換行,瀏覽器可能會顯示空白或錯位的圖標。由於無法添加替代文本,這些鏈接圖標不符合無障礙訪問標準

示例

[編輯]
使用這些鏈接查看本頁面在不同皮膚下的顯示效果:
類型 文件擴展名 示例鏈接
PDF .pdf .PDF, .pdf# .PDF# .pdf? .PDF? http://example.org/test.pdf
AVI .avi .AVI http://example.org/test.avi
MPEG-1 .mpg .MPG .mpeg .MPEG http://example.org/test.mpg
Ogg .ogm .OGM http://example.org/test.ogm
MIDI .MID .midi .MID http://example.org/test.mid
MP3 .MP3 http://example.org/test.mp3
Vorbis .OGG http://example.org/test.ogg
WAV .WAV* http://example.org/test.wav
Windows Media Audio .wma .WMA http://example.org/test.wma
類型 URI方案 示例鏈接
IRC irc:// ircs:// irc://example.org
FTP ftp:// ftp://example.org
NNTP news: news:example.org
mailto英語mailto mailto: mailto:[email protected]
HTTPS https:// https://example.org/test.html
Subversion svn:// svn://example.org/
比特幣 bitcoin: bitcoin:1BitQEtcoxAnViwUYX9k6KupmmsEfWrGnr
FTPS ftps:// ftps://example.org/
Geo URI英語Geo URI geo: geo:37.786971,-122.399677
Git git:// git://example.org/
Gopher gopher:// gopher://example.org
HTTP http:// http://example.org
磁力鏈接 magnet:// (stub)
多媒體短訊 mms:// mms://example.org/
NASA World Wind worldwind:// worldwind://example.org/
網路新聞傳輸協定 nntp:// nntp://example.org/
Secure Shell ssh:// ssh://example.org/
安全對話啟動協定 sips:// sips://example.org/
對話啟動協定 sip:// sip://example.org/
SMS sms: sms:1
SSH文件傳輸協議 sftp:// sftp://example.org/
電話 tel: tel:1
Telnet telnet:// telnet://example.org/
統一資源名稱 urn: urn:isbn:0451450523
XMPP xmpp:// xmpp://example.org/

隱藏鏈接圖標

[編輯]

可以使用plainlinks類或{{Plain link}}模板隱藏鏈接圖標,但不建議這樣做。

<span class="plainlinks">http://example.org/test.pdf</span>

自定義鏈接圖標

[編輯]

通過編輯Special:MyPage/skin.css(僅當前皮膚)或Special:MyPage/common.css(所有皮膚)可添加自定義圖標。例如,要為Excel文件添加圖標:

#content a[href$=".xls"].external,
#content a[href$=".XLS"].external,
#content a[href$=".xlsx"].external,
#content a[href$=".XLSX"].external {
    background: url("http://upload.wikimedia.org/wikipedia/commons/b/ba/Page_white_excel.png") center right no-repeat; padding-right: 18px;
}

成功更新後,此鏈接將顯示Excel圖標:

http://example.org/test.xls

此標記會檢測.xls或.xlsx文件擴展名(不區分大小寫)。圖像寬度必須為16像素。圖像鏈接必須來自http://upload.wikimedia.org。獲取此鏈接的方法:前往文件頁面,點擊圖像打開不含文件描述的版本,然後複製URL。

要移除默認圖標,只需添加不含URL的CSS。例如移除安全鏈接的掛鎖圖標:

#content a[href ^="https://"].external {
    background: center right no-repeat; 
    padding-right: 18px;
}

要移除所有默認圖標,可使用以下CSS:

#content a.external {
    background: none !important;
    padding: 0 !important;
}

參見

[編輯]

注釋

[編輯]
  1. ^ 默認PDF圖標是通用文檔圖標,但通過Common.css被替換為