388x60 Ads

Использование якорей для оформления сносок в сообщениях блога

zakladka
Очень часто разыскивая ту или иную информацию в Интернете мы находим страницы, содержащие якоря (закладки).
Обычно код ссылки на закладку имеет такой вид:
<a href="#razdel1">Ссылка на первый раздел</a>
<a href="#razdel2">Ссылка на второй раздел</a>
Код самой закладки обычно представлен следующим образом:
<a name="#razdel1">Раздел первый</a>
Но то, что хорошо для обычного вебсайта, не всегда хорошо для блога, созданного на Blogger.

В тоже время иногда нужно и в блоге установить ссылки на закладку. Причем, ссылка может вести на закладку, размещенную на странице ссылки, так и на закладку, размещенную на другой странице блога.

Допустим вы в блоге размещаете какую то информацию и хотите по примеру Wikipedia дать сноску на первоисточник.

Пример оформления сноски

Для начала установим сноску как в указанном ниже предложении.

БЛОGГЕР - блог о создании, продвижении, монетизации блогов и вебдизайне[1].

Напоминаю, для того, что бы текст был надстрочным, нужно открыть в сообщении вкладку "Изменить HTML" и заключить нужный фрагмент контента (текст сноски) в теги:
 <sup>сноска</sup>

Установка ссылки на якорь

Для того, что бы осуществлялся переход по сноске к якорю (закладке)необходимо текст сноски оформить в форме ссылки особого вида:
<a href="http://вашблог.com/2011/09/blog-post_23.html#ссылка1"><sup>[1]</sup></a>
Код вашблог.com/2011/09/blog-post_23.html меняете на ссылку на страницу вашего блога, в которой размещен якорь (закладка) с соответствующим ID. В нашем случае, в качестве  ID будем использовать "ссылка1".

Установка  якоря

Выбираем нужный для закладки абзац, заключаем его в  тег <p> и присваиваем параграфу ID.

Пример:
<p id="ссылка1"><a href="вашблог.com/2011/09/blog-post_23.html#"><span style="font-size: x-small;">[1]</span></a><span style="font-size: x-small;">Источник: БЛОGГЕР</span></p>

Обратите внимание, что на этот раз в ссылке после символа "#" отсутствует выбранный нами ID. Оформление закладки подобным образом удобно, если сноска находится внизу большого документа (сообщения) и нажав на нее читатель переместиться обратно в начало сообщения.

[1]Источник: БЛОGГЕР.




Подпишитесь В закладки НапечататьPrint Friendly and PDF


Вячеслав Вареня
Статус: seo-специалист | Контакты


4 коммент.:

Asimo комментирует... [Ответить]

Спасибо, очень подробно описано что дак как. Попробую на деле

Miroslav комментирует... [Ответить]

Спасибо за разъяснение, радует, когда статьи пишут
по делу без лишней "воды". Раньше сносками не пользовался,
выглядит интересно!

Анонимный комментирует... [Ответить]

А если мне нужно сделать десять ссылок внутри текста, то как добиться, чтобы, например, с ссылки 7 переходить не в начало страницы, а на цифру 7 в тексте?

Продвижение и раскрутка в инстаграм комментирует... [Ответить]

Спасибо, создавали ссылки якоря только, летящие в низ, а вот что бы наверх вернуться - это как говорится so god.

Будем тестировать, ваш вариант и спасибо за статью и вправду без лишних вод.

Отправить комментарий