Мирчар на полочке
    Вход через социальные сети
    E-mail:
    Пароль:
    Воспользуйтесь формой, если у вас не получается войти через uID.
    Администрация Каталога: Tinory (Профиль в Мирчар).
     
    Главная » Статьи » Web-чар

    Ссылки: правила обращения и хорошего тона

    Что такое ссылка?

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

    Для чего нужны ссылки в тексте?

    Мне казалось, наличие в тексте ссылок гиперссылок на материалы, которые автор считает полезными, упоминает их в тексте, абсолютно естественным явлением. Именно гиперссылок, кликнув по которым читатель может ознакомится с первоисточником, о котором написано в основном тексте. Сравните два фрагмента:

    На твоем сайте необходимо установить так называемую кнопку участника или несколько таких кнопок. Кнопки можно взять на форуме Мирчар, пройдя по ссылке в разделе конкурсы "фан-сайты Мирчар", далее кликнув на ссылку "условия и правила участия".

    Второй фрагмент:

    Для участия в конкурсе нужно установить так называемую кнопку участника. Кнопки можно выбрать на форуме Мирчар, там же даны html-коды этих кнопок, которые можно просто скопировать.

    Какая между ними разница? Я прошу прощения у автора первого фрагмента, но после его прочтения у меня остался неприятный осадок: а что же ссылку-то сразу не дали? Многие ли свяжутся с автором, выясняя причины и прямую ссылку, поскольку сами так и не нашли нужной информации по данной инструкции. Большинство вернется в поисковик и найдет другой, более "дружелюбный" источник.

    Итак, ссылки лучше ставить по тексту. Но и в этом случае я регулярно натыкаюсь на "веб-бескультурье". Предлагаю вашему вниманию уже три фрагмента:

    2.1

    Как вылупить виртуального питомца (чара)   из яйца?
    Ответ здесь

    2.2

    А что вообще надо делать в онлайн игре Мирчар?
    Про то, что делать в игре Мирчар можно прочитать тут http://*********.ru/tutorial.html

    2.3

    О предпочтениях чаров можно прочитать в Источнике, даже не забирая яйца.

    Ссылки здесь, конечно, указаны по тексту. Вот только слова типа "здесь" и "тут" для оформления ссылок - дурной тон по отношению к пользователю. Кроме того, "говорящий" текст ссылки (с использованием смысловых и даже ключевых слов) благотворно влияет на ауру сайта лояльность поисковиков к данной странице и к той, на которую вы ссылаетесь (а если это внутренняя ссылка, то есть ссылка на статью на вашем же сайте, то выгода двойная).

    Использование в качестве анкора (текста ссылки) самого адреса (пример 2.2) тоже нежелательно. Хорошо, если адрес такой же красивый и говорящий, как в примере, а если он содержит многочисленные запросы и параметры, понятные только серверу?  Вам понравится встретить в тексте вот такую кашу: http://www.******.ru/reg.php?idr=1716037184&compn=5. Исключения могут составлять сервисы, где размещение оформленных ссылок пользователям запрещено (к примеру, в комментариях запрещены коды [url]). Тогда у вас просто нет выбора и придется постить сам адрес ссылки.

    Еще одна "мода", подсмотренная мной на одном сайте: кнопки <input> вместо обычных ссылок. Наверное, администратор преследовал какие-то особые цели. Вот только и опытные пользователи, и поисковики кнопки недолюбливают. Во-первых, по кнопке не видно, куда она ведет (адрес ссылки показывается в строке состояния браузера). Во-вторых, поисковики по кнопкам переходить не умеют (а по ссылкам умеют wink). Кстати, сокрытие адреса в обычных ссылках тоже настораживает опытных пользователей.

    Вставляем ссылку

    Если вы используете на юкозе графический редактор, то все достаточно просто: нажмаем кнопку "Ссылка", появляется окошко:

    Окно вставки ссылки

    Поле "Закладка" возможно использовать тогда, когда ссылаетесь на определенное место в текущем документе/странице, причем это место должно быть заранее определено (причем вручную кодом). Поле "Адрес" мы используем, если ссылаемся на любую страницу. Если страница на вашем сайте - достаточно заполнить второе поле, причем "от корня" - т.е. отбросив домен и начать адрес со слэша "/". Если документ или файл находится где-то в интернете, обязательно установите префикс (для обычных страниц http). Значок папки поможет выбрать вам файл, находящийся на вашем сайте, но только тот, который был загружен через файловый менеджер.

    Поле "текст" (да, я немного перескочила) используется для текста, который появится во всплывающей подсказке при наведении курсора на ссылку.

    Поле "Фрейм/окно (Target)" отвечает за то, в каком окне или фрейме должна открыться ссылка. Я совсем не буду говорить о фреймах, поскольку их использование также считается дурным тоном, а их удачное и оправданное использование редко даже среди профессионалов. А вот об окнах скажу отдельно.

    И скажу словами известного и заслуженного в интернет-кругах человека Артемия Лебедева: "Открывать новые окна против желания пользователя — смертный грех." В последние дни мне довелось много походить по фан-сайтам Мирачар. И очень часто мой браузер превращался в аллею вкладок, открытых против моей воли и абсолютно неоправданно. Даже если ссылка ведет на другой сайт нет никакой надобности ставить этот атрибут в положение blank(новое окно). Пожалуй, результаты поиска - единственный вариант, где это может быть оправдано.

    А теперь тоже самое, только на HTML

    Ссылка определяется парным тегом <a></a>. Внутри этого тега может находится что угодно: текст, картинка <img>, блок <div> и пр - все это может являться анкором. Адрес, куда мы ссылаемся, задается атрибутом href="адрес". Если вы хотите сослаться на закладку в текущем документе, то адрес будет выглядеть так: #имя_закладки. Саму закладку можно установить с помощью атрибута name: <a name="mark1">Закладка</a>. А чтобы поднять прокрученный документ вверх (чтобы вместо "подвала" страницы увидеть ее "шапку", нужно вместо адреса поставить # (решетка). Атрибут title="Хинт" определяет текст всплывающей подсказки. Атрибут target="" уточняет, в какое окно будет загружена страница: _self - в текущее окно (установлено по умолчанию, можно не прописывать) и _blank - новое окно/вкладка. /Фреймы не рассматриваются/

    Целиком это может выглядеть так:

    <a href="#" title="Подняться наверх страницы">Вверх</a>
    <a href="http://mirchar.ru" title="Играть!" target="_blank">
    <img scr="/images/mirchar.gif" alt="Иконка Мирчар">
    </a>
    <a href="#mark1">Посмотреть закладку</a>

    Основные, наиболее часто использующиеся атрибуты ссылок мы рассмотрели. Подробнее можно посмотреть в моем любимом справочнике htmlbook.ru (почему ссылка адресом? Потому что это - название ресурса).

    Фух, пожалуй, на сегодня хватит. А я еще хотела про оформление ссылок рассказать. Ну да в следующий раз.


    Ссылки: правила обращения и хорошего тона
    Web-чар | | 2483 | 3 | 0.0/0 | кодинг
    Еще по теме:
    Всего комментариев: 3
    avatar
    0
    3 aldeberskova • 15:00, 27.10.2016
    Знакомые ситуации.Иногда на сайтах вижу ссылки вставлены в текст статьи но к сожалению они не кликабельны, но это может быть и просто не дописанный знак ссылки в любом случае не приятно. 
    Тоже была проблема с открывающимися окнами, однажды пришлось из за такого систему переустанавливать angry .
    avatar
    0
    2 Мирчаровец sleiter • 20:31, 24.10.2016
    Тоже интересная и полезная статья, сделал себе закладку, потом уверен еще пригодится. Тут очень доступно описано как сделать ссылки, так что легко сможет понять любой человек, и в это мне нравиться в статье больше всего.
    avatar
    0
    1 nadek • 11:09, 01.04.2011
    Ну, вот теперь более понятно, буду переделывать.
    ComForm">
    avatar