Очень часто разыскивая ту или иную информацию в Интернете мы находим страницы, содержащие якоря (закладки).
Обычно код ссылки на закладку имеет такой вид:
<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. Оформление закладки подобным образом удобно, если сноска находится внизу большого документа (сообщения) и нажав на нее читатель переместиться обратно в начало сообщения.
Спасибо, очень подробно описано что дак как. Попробую на деле
Спасибо за разъяснение, радует, когда статьи пишут
по делу без лишней "воды". Раньше сносками не пользовался,
выглядит интересно!
А если мне нужно сделать десять ссылок внутри текста, то как добиться, чтобы, например, с ссылки 7 переходить не в начало страницы, а на цифру 7 в тексте?
Спасибо, создавали ссылки якоря только, летящие в низ, а вот что бы наверх вернуться — это как говорится so god.
Будем тестировать, ваш вариант и спасибо за статью и вправду без лишних вод.