Los enlaces externos suelen mostrar un icono al final del enlace. Se utiliza CSS para comprobar si existen determinadas extensiones de nombre de archivo o esquemas de URI y aplicar un icono específico para ese tipo de archivo, en función del diseño seleccionado . [1]
Esta página contiene URL de ejemplo para mostrar los íconos de enlace. El ícono que se muestra depende únicamente de la URL en sí. No se verifica si en el enlace hay un archivo de ese tipo. Los ejemplos que se muestran aquí no contienen enlaces a archivos reales.
El software de MediaWiki detecta esquemas URI y/o extensiones de nombre de archivo para crear un enlace; por lo tanto, los enlaces sin URI no tendrán un enlace externo aplicado. MediaWiki no intenta detectar ninguna parte de la URL para crear un enlace, como www, que muchos sitios web no utilizan en la URL.
La interfaz estándar de Wikipedia, Vector , muestra solo iconos PDF, al igual que Cologne Blue . Modern , MonoBook y Timeless muestran un conjunto completo de iconos de extensiones de nombre de archivo y algunos iconos de esquema URI; Minerva (móvil) no muestra ninguno. Los iconos se definen en el CSS para cada interfaz, excepto el icono PDF, que se muestra si "pdf" está en cualquier parte de la extensión del nombre de archivo. [a]
Los iconos de extensión de nombre de archivo se muestran solo si la extensión coincide con el texto. Los iconos de extensión de nombre de archivo tienen prioridad sobre los iconos de esquema URI. Internet Explorer puede mostrar un espacio vacío o un icono mal ubicado si la página se representa con un ajuste de línea dentro del texto del enlace. Los iconos de enlace no cumplen con los estándares de accesibilidad , ya que no se puede agregar texto alternativo.
Se puede ocultar un ícono de enlace con la plainlinksclase o {{ Plain link }} , pero esto no es aconsejable.
< span class = "plainlinks" > http://example.org/test.pdf </ span >Se pueden agregar íconos personalizados editando Special:MyPage/skin.css (solo el diseño actual) o Special:MyPage/common.css (todos los diseños). Por ejemplo, para agregar un ícono para archivos de Excel:
# contenido a [ href $= ".xls" ] . externo , # contenido a [ href $= ".XLS" ] . externo , # contenido a [ href $= ".xlsx" ] . externo , # contenido a [ href $= ".XLSX" ] . externo { fondo : url ( "http://upload.wikimedia.org/wikipedia/commons/b/ba/Page_white_excel.png" ) centro derecha sin repetición ; relleno derecho : 18 px ; } Cuando se actualice correctamente, este enlace mostrará un ícono de Excel:
El marcado detecta las extensiones de archivo .xls o .xlsx tanto en mayúsculas como en minúsculas. La imagen debe tener 16 píxeles de ancho. El enlace de la imagen debe ser de http://upload.wikimedia.org. Para obtener este enlace, vaya a la página del archivo y haga clic en la imagen para abrirla sin la descripción del archivo; luego, copie la URL.
Para eliminar un icono predeterminado, simplemente agregue el CSS sin URL. Por ejemplo, para eliminar el icono del candado al visualizar enlaces seguros:
# contenido a [ href ^= "https://" ] . external { fondo : centro derecha sin repetición ; relleno derecho : 18 px ; } Para eliminar todos los iconos predeterminados, utilice este CSS:
# contenido a . externo { fondo : ninguno ! importante ; relleno : 0 ! importante ; } 