Как сделать оглавление статьи

HTML

Некоторые блогеры любят писать большие обстоятельные статьи по определённой теме. 
Для таких статей бывает полезным в самом начале представить оглавление, т.е. список рассматриваемых вопросов. Удобно показать его в виде списка ссылок, ведущих на определённое место статьи (главу, часть, пункт и т.п.). 
В предыдущем сообщении я писала о том, как сделать ссылку в статье на другую страницу, используя метки. Здесь мы применим аналогичный метод простановки меток, только в ссылках, составляющих оглавление, укажем адрес текущей статьи. 

Например:
В начале статьи "Форма поиска на блоге" приведён список из трёх вариантов вставки формы поиска на блог, кликая по каждому из которых мы перейдём на соответствующее место сообщения. 
Конечно, в приведённой для примера небольшой статье создание оглавления не актуально. Оно было составлено просто для иллюстрации самого принципа составления оглавления. 
В общем виде для составления оглавления статьи нужно сделать следующее:
1) в HTML-редакторе проставить метки перед каждым пунктом оглавления в теле статьи в виде:  
<a name="metka"></a>
или: 
<a href="http://www.blogger.com/blogger.g?blogID=142146363254345685" name="metka"></a>
где
142146363254345685 - это ID вашего блога на Blogger
2) в начале статьи “собрать” оглавление (содержание) в виде списка ссылок:
<a href="http://exp13blog.blogspot.com/2013/06/forma-poiska.html#metka">Пункт оглавления</a>
где
http://exp13blog.blogspot.com/2013/06/forma-poiska.html - адрес нашей статьи

Создание оглавления статьи
Оглавление (содержание) в виде списка ссылок в начале статьи (HTML-редактор).

Метка-2 в теле статьи
Метка для оглавления № 2 в теле статьи (HTML-редактор).

Метка-3 в теле статьи
Метка для оглавления № 3 в теле статьи (HTML-редактор).


Поделиться в соц. сетях:


3 комментария :

  1. Это ж скока буковков написать надо, что бы во тексту навигацию настраивать, ужасть :))

    ОтветитьУдалить
    Ответы
    1. Ну да, любителям минимализма это трудно представить! ;)
      Однако ж среди блогеров нет-нет, да и попадаются подобные Львы Толстые :)

      Удалить
  2. По мне так, нет смысла писать ссылки на HTML в Blogger. Там их можно просто вставить в режиме создания на верхней панели

    ОтветитьУдалить

В комментариях есть возможность вставлять картинку:
[img]URL на картинку[/img]
а также использовать смайлы и HTML-теги:
<b>жирный шрифт</b>
<i>курсив</i>
<a href="URL">текст ссылки</a>