說明:外部連結圖標
![]() | 在桌面版默認皮膚(Vector)中,僅使用兩種外部連結圖標:一種用於PDF文檔,另一種用於所有其他外部連結。某些其他皮膚會使用更多圖標。 |
![]() | 本頁為操作指南,用於介紹中文維基百科社群的一些實作和操作方式。 本文只是論述,不屬於方針或指引。如果本指南與方針或指引起衝突或不一致,請以方針或指引的條文為準。 |
![]() | 您可以通過以下連結測試本頁面在不同皮膚中的顯示效果:
|
外部連結通常會在連結末尾顯示一個圖標。系統使用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方案圖標。如果頁面渲染時連結文本中存在換行,瀏覽器可能會顯示空白或錯位的圖標。由於無法添加替代文本,這些連結圖標不符合無障礙訪問標準。
示例
[編輯]隱藏連結圖標
[編輯]可以使用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圖標:
此標記會檢測.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;
}
參見
[編輯]註釋
[編輯]- ^ 默認PDF圖標是通用文檔圖標,但通過Common.css被替換為
。