Los enlaces externos suelen mostrar un icono al final del enlace. CSS se usa para verificar ciertas extensiones de nombre de archivo o esquemas de URI y aplicar un icono específico para ese tipo de archivo, según la máscara seleccionada .
Esta página contiene URL de ejemplo para mostrar los iconos de los enlaces. El icono que se muestra solo depende de la URL en sí. No se comprueba si un archivo de ese tipo se encuentra realmente en el enlace. Los ejemplos aquí no se vinculan a archivos reales.
Explicación
El software MediaWiki detecta esquemas URI y / o extensiones de nombre de archivo para crear un enlace; por lo tanto, a los enlaces sin un URI no se les aplicará un enlace externo. MediaWiki no intenta detectar ninguna parte de la URL para crear un enlace, como el www
que muchos sitios web no utilizan en la URL.
La máscara estándar de Wikipedia, Vector , solo muestra iconos de 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 de URI; Minerva (móvil) no muestra ninguno. Los iconos se definen en el CSS para cada máscara, excepto el icono PDF, que se muestra si "pdf" está en cualquier lugar de la extensión del nombre del 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 de URI. Internet Explorer puede mostrar un espacio vacío o un icono fuera de lugar 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.
Ejemplo
Utilice estos enlaces para ver esta página con un | diferente: ||
---|---|---|
Tipo | Extensión de archivo | Enlace de muestra |
Formato de Documento Portable | .pdf .PDF, .pdf # .PDF # .pdf? .PDF? | http://example.org/test.pdf |
Entrelazado de audio y video | .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 |
Ogg Vorbis | .OGG | http://example.org/test.ogg |
Formato de archivo de audio de forma de onda | .WAV * | http://example.org/test.wav |
Audio de Windows Media | .wma .WMA | http://example.org/test.wma |
Tipo | Esquema de URI | Enlace de muestra |
Internet Relay Chat | irc: // ircs: // | irc: //example.org |
Protocolo de transferencia de archivos | ftp: // | ftp://example.org |
Protocolo de transferencia de noticias por red | noticias: | noticias: example.org |
mailto | mailto: | mailto: [email protected] |
HTTP seguro | https: // | https://example.org/test.html |
Apache Subversion | svn: // | svn: //example.org/ |
Bitcoin | bitcoin: // | bitcoin: //example.org/ |
FTPS | ftps: // | ftps: //example.org/ |
URI geográfico | geo: | geo: 37.786971, -122.399677 |
Git | git: // | git: //example.org/ |
Ardilla de tierra | ardilla de tierra:// | gopher: //example.org |
Protocolo de Transferencia de Hipertexto | http: // | http://example.org |
Esquema de URI de imán | imán:// | magnet: //example.org/ |
Servicio de Mensajes Multimedia | mms: // | mms: //example.org/ |
Viento mundial de la NASA | viento del mundo: // | worldwind: //example.org/ |
Protocolo de transferencia de noticias por red | nntp: // | nntp: //example.org/ |
Cubierta segura | ssh: // | ssh: //example.org/ |
Protocolo de inicio de sesión seguro | sorbos: // | sorbos: //example.org/ |
protocolo de Iniciacion de Sesion | sorbo:// | sorbo: //example.org/ |
Servicio de mensajes cortos | SMS:// | sms: //example.org/ |
Protocolo de transferencia de archivos SSH | sftp: // | sftp: //example.org/ |
Teléfono | tel: // | tel: //example.org/ |
Telnet | telnet: // | telnet: //example.org/ |
Nombre de recurso uniforme | urna: | urna: isbn: 0451450523 |
XMPP | xmpp: // | xmpp: //example.org/ |
Ocultar iconos de enlace
Se puede ocultar un icono de enlace con plainlinks
, pero esto no es recomendable.
< span class = "plainlinks" > http://example.org/test.pdf span >
Iconos de enlace personalizados
Se pueden agregar iconos personalizados editando Special: MyPage / skin.css (solo el skin actual) o Special: MyPage / common.css (todos los skins). Por ejemplo, para agregar un icono para archivos de Excel:
# contenido a [ href $ = ".xls" ] . externo , # contenido a [ href $ = ".XLS" ] . externo , # contenido a [ href $ = ".xlsx" ] . externo , # contenido a [ href $ = ".XLSX" ] . externo { background : url ( "http://upload.wikimedia.org/wikipedia/commons/b/ba/Page_white_excel.png" ) centro derecho sin repetición ; padding-right : 18 px ; }
Cuando se actualice correctamente, este enlace mostrará un icono de Excel:
- http://example.org/test.xls
El marcado detecta extensiones de archivo .xls o .xlsx con mayúsculas y minúsculas. La imagen debe tener 16 píxeles de ancho y no puede tener formato SVG. 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 quitar el ícono del candado al ver enlaces seguros:
# contenido a [ href ^ = "https: //" ] . externo { fondo : centro derecho sin repetición ; padding-right : 18 px ; }
Para eliminar todos los iconos predeterminados, use este CSS:
# contenido a . externo { fondo : ninguno ! importante ; padding : 0 ! important ; }
Insectos
- error 20024 : se debe mostrar un icono dependiente del destino para los enlaces entre wikis
- error 30682 : inconsistencias en el icono de enlace cuando se utilizan URL relativas al protocolo
- error 45891 - Los iconos de enlaces externos deben tener texto alternativo
- error 54604 - Gran cantidad de reglas CSS para enlaces externos - (reabierto)
bugzilla: 61178- Elimina los íconos de candados amarillos en los enlaces HTTPS - (y discusión para Enwiki en la charla de MediaWiki: Vector.css # Candado para enlaces seguros )bugzilla: 63521- Los iconos de enlaces externos predeterminados deben ser un módulo
Ver también
- Wikipedia: Manual de estilo / enlaces # sitios en idiomas distintos del inglés
- Ayuda: Número de enlace Enlaces externos
- Wikipedia: enlaces externos
Notas
- ^ El icono de PDF predeterminado es un icono de documento genérico, pero se cambia aa través de Common.css .