Ссылки должны быть четко идентифицированы как ссылки на читателей . Воздержитесь от использования цветных ссылок, которые могут помешать пользователю отличать ссылки от обычного текста, или цветных ссылок по чисто эстетическим причинам. См. Руководства по редактированию статей, чтобы узнать о контрастности и цветах навигационного окна . |
Эта страница справки представляет собой практическое руководство . В нем подробно описаны процессы или процедуры некоторых аспектов норм и практики Википедии. Это не одна из политик или рекомендаций Википедии , и может отражать различные уровни консенсуса и проверки . |
В Википедии цвет ссылки показывает статус соответствующей целевой страницы. Цвета по умолчанию (в обложке Vector ) имеют следующие значения: См. Также Википедию: Руководство по стилям / Доступность / Цвета .
Стиль ссылки | Тип | Цвет | Цвет |
---|---|---|---|
синяя ссылка | ссылка на существующую страницу Википедии | # 0645AD = rgb (6,69,173) | |
темно-синяя ссылка | ссылка на существующую страницу Википедии, которую вы посетили | # 0B0080 = rgb (11,0,128) | |
красная ссылка | ссылка на страницу, которая в настоящее время не существует в Википедии | # BA0000 = rgb (186,0,0) | |
светло-коричневая ссылка | ссылка на страницу Википедии, которая не существует, но которую вы посетили | # A55858 = rgb (165,88,88) | |
коричневая ссылка | ссылка на очень короткую статью в Википедии, но только если пользователь установил параметр предпочтения для форматирования «заглушек» ссылок таким образом | # 772233 = rgb (119,34,51) | |
голубое звено 1 голубое звено 2 | ссылка на страницу в другой вики , обычно это другой проект Викимедиа или внешняя ссылка. Обратите внимание, что голубой цвет используется независимо от того, действительно ли страница существует в целевой вики. Например, в английской Википедии есть статья о Джордже Вашингтоне Карвере , а в японской Википедии нет статьи с таким же названием ; но у них есть статья об одном и том же человеке под другим названием. | # 3366BB = rgb (51,102,187) | |
фиолетовая ссылка | ссылка на страницу на другом сайте, который был посещен | # 663366 = rgb (102,51,102) |
Обратите внимание, что цвета в полях могут казаться темнее, чем текст того же цвета; кроме того, более крупный или полужирный текст будет выглядеть темнее. Кроме того, фактический цвет, видимый пользователем, будет незначительно отличаться в зависимости от его операционной системы, настроек рабочего стола и браузера, а также от монитора и (для ЖК - дисплеев низкого уровня ) угла обзора. Зарегистрированные пользователи также могут изменить цвета, которые они видят, выбрав другую обложку или используя собственный CSS .
Пользовательские цвета
Обычный текст
Для обычного текста можно использовать шаблон {{ color }} с двумя параметрами; название цвета или шестнадцатеричный код цвета и текста. Однако текст, предназначенный для читателей, никогда не следует раскрашивать вручную. ( МОС: ПРОЦВЕТ )
{{color|orange|Hello, world!}}
→ Привет, мир!
{{color|#00F000|Hello, world!}}
→ Привет, мир!
Ссылки
Воздержитесь от использования цветных ссылок, которые могут помешать пользователю отличать ссылки от обычного текста, или цветных ссылок по чисто эстетическим причинам. ( МОС: ЦВЕТ )
Стилизация отдельных ссылок на странице
Вы можете установить цвет отдельной ссылки или набора ссылок на странице (а не глобального изменения стиля всех ссылок в Википедии) следующим образом. Такая установка стилей будет применяться ко всем, кто просматривает эти конкретные ссылки или конкретную страницу, а не только к вам. Однако ссылки, предназначенные для читателей, никогда не следует раскрашивать вручную. ( MOS: LINKCOLOR )
Шаблон {{ Цветная ссылка }} для работы принимает два параметра: цвет ссылки, ссылку на статью и необязательный третий параметр для альтернативного текста, отображаемого в виде конвейерной ссылки .
{{colored link|orange|Canada}}
→ Канада
{{colored link|#00F000|Page name to link|Alternative text}}
→ Альтернативный текст
- Или же
Вы можете изменить цвет ссылок следующим образом:
Разметка | * [[пример | <span style = "color: Orange;"> Эта страница существует. </span>]]* [[instancepl | <span style = "color: green;"> Эта страница не существует. </span>]] |
Отображается как |
|
Или, если вы хотите проверить существование, вы можете попробовать:
Разметка | * [[пример | {{# ifexist: example | <span style = "color: Orange;"> Эта страница существует. </span> | Эта страница не существует.}}]]* [[instancepl | {{# ifexist: instancepl | <span style = "color: green;"> Эта страница существует. </span> | Эта страница не существует.}}]] |
Отображается как |
|
Внешние ссылки
Подобный стилизованный диапазон можно добавить во внешнюю ссылку:
Разметка | * [http://example.com <span style = "color: green;"> Пример внешней ссылки </span>] |
Отображается как |
|
Стилизация всех ссылок специально для вас
Вы также можете настроить цвета ссылок, отредактировав CSS на подстранице скина . Это изменение будет применяться ко всем ссылкам на сайте, но будет видно только вам.
Стандартные селекторы ссылок:
- a: link - определяет стиль для обычных непосещенных ссылок
- a: посещено - определяет стиль посещенных ссылок
- a: active - определяет стиль активных ссылок; ссылки становятся активными, когда вы нажимаете на них
- a: hover - определяет стиль зависания ссылок; ссылки зависают при наведении на них указателя мыши
Цвета определяются шестнадцатеричными символами: см. Веб-цвета .
/ * стандартные цвета ссылок * / . mw-body-content a : ссылка { цвет : # 0000FF ; } / * обычные непосещенные ссылки * / . mw-body-content a : link : посещено { color : # 0B0080 ; } / * посещенные ссылки * / . mw-body-content a : link : active { цвет : # FF0000 ; } / * активные ссылки * / . mw-body-content a : ссылка .новый { цвет : # FF0000 ; } / * новые ссылки * / . mw-body-content a : ссылка . extiw { цвет : # 3366BB ; } / * межвики-ссылки * / . mw-body-content a : ссылка . внешний { цвет : # 3366BB ; } / * внешние ссылки * / . mw-body-content a : ссылка . заглушка { цвет : # 772233 ; } / * зависшие ссылки * /. mw-body-content a : link { color : # FF0000 } . mw-body-content a : посетил { color : # 00FF00 } . mw-body-content a : hover { color : # FF00FF } . mw-body-content a : active { цвет : # 0000FF }
Заметки:
- a: hover должен стоять после: link и a: visit
- a: active должен быть после a: hover
- вам необходимо указать ".mw-body-content" перед стандартным определением ссылки, потому что в противном случае определение по умолчанию на этом веб-сайте будет иметь приоритет над тем, что вы определили.
Перенаправить
Показывать перенаправления как зеленые ссылки:
. mw-body-content a . mw-redirect { цвет : # 308050 } . mw-body-content a . mw-redirect : посетил { color : # 3070A0 }
Внешний
Показывать внешние ссылки как зеленые ссылки:
. mw-body-content a . внешний { color : # 008000 } . mw-body-content a . внешний : посетил { color : # 008000 }
Оформление текста
Это позволяет форматировать, например подчеркивать. Например:
. mw-body-content a : ссылка { цвет : # 000000 ; оформление текста : подчеркивание ; }
Возможные значения:
- никто
- подчеркивать
- надчеркнуть
- Линия, проходящая через
Семейство шрифтов
Это изменит шрифт ссылки:
. mw-body-content a : link { font-family : monospace }
Предпочтения
Функция «отображать ссылки на страницы значений неоднозначности оранжевым цветом», расположенная на вкладке гаджетов в меню настроек (в разделе «Внешний вид»), показывает все ссылки на страницы значений неоднозначности оранжевым цветом .
Скрипты
Пользователь: Anomie / linkclassifier - популярный скрипт, который настраивает цвета для обозначения ссылок, таких как удаляемые страницы, несвободные медиа, перенаправления, защищенные страницы и многое другое.
"Ссылка" без цели
Этот метод странным образом ломается со скином MinervaNeue (мобильный). |
Редакторы не могут напрямую создать <a>
тег для написания текста, похожего на ссылку (те же стили), без использования [[...]]
и фактической ссылки где-то. Для этого можно использовать toctogglelabel
класс в элементе. Например: <span class="toctogglelabel">this seems like a link but has no target</span>
создает это похоже на ссылку, но не имеет цели . Та же самая манипуляция цветом, описанная ранее, может применяться естественным образом.
Смотрите также
- {{ resize }}
- {{ цвет фона }}
- {{ font color }} - позволяет установить цвет текста и фона
- {{ coltit }} - цветная ячейка заголовка таблицы
vтеВеб-цвета | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|