2009-12-14 3 views
36

Есть ли стандартный, рекомендуемый или известный значок по умолчанию, чтобы обозначить, что ссылка откроет новое окно браузера?Значок нового окна (для доступа к сети)

Это касается причин доступа к сети. Или это вообще бесплатно для всех?

Я понимаю, что те, которые получат максимальную пользу от них (используя устройства для чтения с экрана), даже не заботятся о том, как выглядит изображение, и больше интересуются текстом alt.

Решил пойти на это: ![new window icon][1].

Если someonce не может предложить более широко принятый один?

ответ

10

Нет такой вещи, как установленная стандартная иконка.

Например, значок, который вы выбрали, похож на тот, который использовался в Википедии, чтобы пометить ссылки, указывающие на внешние веб-сайты (не относящиеся к википедии). Тем не менее, вы можете использовать его на своих сайтах и ​​тем самым устанавливать соглашение на своих собственных страницах. Просто убедитесь, что вы делаете это последовательно: ВСЕ ссылки, отмеченные этим значком, ДОЛЖНЫ открываться на новую страницу, а ВСЕ ссылки, не отмеченные им, должны открываться на той же странице. Вы можете улучшить доступность при условии, что у вас есть стабильная база пользователей, у которой будет возможность привыкнуть к вашим соглашениям. Если ваш сайт посещают в основном одноразовые посетители, то вы просто добавляете визуальный беспорядок.

+2

Да, спасибо, что подтверждает мои suspisions. Я думаю, что одна вещь, в которой нет Интернета, является «последовательной». –

+2

Для кого-либо еще, кто ищет копию внешнего ссылки Wikipedia, это здесь: http://commons.wikimedia.org/wiki/File: External.svg (вам может потребоваться растрировать его самостоятельно - по какой-то причине предварительно растрированная версия лицензирована GPL) –

+1

@TobiasCohen Если векторное искусство GPL'ed, то растровое искусство также будет GPL'ed, поскольку оно производная работа. Однако, согласно этой ссылке, значок является общедоступным, поэтому его можно свободно использовать как в векторной, так и в растровой форме. –

2

На моем блоге WordPress мне пришлось ссылаться на несколько сайтов, которые, по-видимому, отключили кнопку «Назад» (результаты в Facebook и Google Translate). Для этих ссылок я установил их для открытия нового окна. Я собрал маленькие значки «нового окна», но они всегда прерывают межстрочный интервал (возможно, это вещь WordPress, нет лишнего места вокруг значков), поэтому я решил пойти с заголовком = «», в котором говорится: «Ссылка открывается в новом окне »и текстовую иконку [+] в пределах ссылки, в конце текста ссылки, разделенной пробелом.

22

Я бы с чем-то вроде этого: opens in a new window

значок вы выбрали, так как уже упоминалось, широко используется Википедию и другие сайты представляют ссылки на внешние сайты. Но это скорее личное предпочтение, а не веб-стандарт.

+1

+1 Действительно полезно! –

9

Ближайший я смог найти NORTH WEST СТРЕЛКИ НА УГОЛ ⇱ и Юго-Восточная СТРЕЛКА НА УГОЛ ⇲ - но тот, кто создал эти значки не делал на северо-восток СТРЕЛКА НА УГОЛ

http://www.fileformat.info/info/unicode/category/So/list.htm

+4

вы можете повернуть его с помощью css, чтобы получить северо-восток –

+0

добавьте это как ответ, и я соглашусь. – chovy

1

Как насчет что-то вроде прикрепленного изображения (которое любой может использовать или редактировать)? enter image description here

1: enter image description here

Я думаю о добавлении этого справа от существующих отдельных кнопок, чтобы они стали горизонтальной группой кнопок, давая пользователям возможность нажать на ссылку и открыть его в новом окне.

+7

Возможно, вы захотите обрезать эту иконку. –

21

Для многих Unicode символы, которые вы должны будете использовать следующий шрифт (по крайней мере, для Windows, пожалуйста, комментарий для Linux и Mac, если вы в состоянии проверить):

a:link {font-family: 'Segoe UI Symbol' !important;} 

Также вы можете применить CSS селекторы использовать атрибут target, как так:

a[target='blank'] 
a[target] 

Имейте в виду, что браузеры смешно о поведении селектора a и a:link/a:visited так определенно проверить с этим в виду.


UNICODE 'Два JOINED Квадраты' характер:

http://www.fileformat.info/info/unicode/char/29c9/index.htm

Two Joined Squares

CSS

a[target='_blank']::after {content: '\29C9';} 

Поддержка

Mac OS X, Yosemite: 2 шрифты, Apple Symbol и STIXGeneral


Unicode 'Белый квадрат с правом верхнем Quadrant' характер:

http://www.fileformat.info/info/unicode/char/25F3/index.htm

White Square with Upper Right Quadrant

CSS

a[target='_blank']::after {content: '\25F3';} 

Поддержка

Mac OS X, Йосемити: 3 шрифты, Apple Symbol, STIXGeneral, Menlo.


UNICODE 'верхний правый Drop-Затененного Белый квадрат' характер:

http://www.fileformat.info/info/unicode/char/2750/index.htm

Upper Right Drop-Shadowed White Square

CSS

a[target='_blank']::after {content: '\2750';} 

Поддержка

Mac OS X, Йосемити: 3 шрифты, Arial Unicode MS, Menlo, Zapf Dingbats.

+0

@basilbourque Пожалуйста, отредактируйте ответ, чтобы включить точный CSS, иначе я должен будет сделать это и перезаписать свой ответ; Я не хочу, чтобы мой ответ пропустил важные детали (например, если это родной шрифт или он должен быть предоставлен веб-сайтом). Также я вижу шрифт Microsoft, это (или любые другие шрифты), зависящие от установленного Microsoft Office, или это поддерживается в выпуске OS X 10.10 с голой костью? – John

9

Существует также U+1F5D7 OVERLAP:, добавленный в Unicode 7.0 (июнь 2014 года).

Его комментарий - «перекрытие окон смещения».

HTML объект: 🗗


(fileformat.info)

+0

Не поддерживается в Mac OS 2017. –

7

Мне нравится этот символ Юникода для Open-в-новом-окне

↗️ или ↗

North East Arrow Убедитесь, что вы используете utf-8 html.

Html является ↗

3

Try | ͟ ↗ ̱ |:

|͟↗̱| 

И для совместимости с Arial

∣͟↗̱∣ 
Смежные вопросы