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ГЕР.

4 комментария к «Использование якорей для оформления сносок в сообщениях блога»
  1. Спасибо за разъяснение, радует, когда статьи пишут
    по делу без лишней "воды". Раньше сносками не пользовался,
    выглядит интересно!

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *