Делаем удобную навигацию по статье. Якорь и тег A

Большинство из Вас знает для чего нужен тег <a> - он делает ссылку кликабельной, т.е. он создает ссылку. У данного тега есть несколько параметров, которыми кто-то пользуется, а кто-то нет.
В сегодняшней статье хочу Вам рассказать про один такой параметр, который очень пригодится блогерам, пишущим длинные статьи и любящие их разбивать на логические подпункты. Проще говоря: создадим ссылки внутри статьи на пункты самой статьи, что позволит читателям переходить к нужному пункту сразу, без необходимости прокручивать и искать нужный кусок текста.

Чтобы вы сразу все поняли - посетите статью на моем сайте Все кнопки социальных сетей для сайта и нажмите на любую социальную сеть в структурированном списке почти в самом начале.

Тег <a> и параметр name

Вот так выглядит обычная ссылка (внутренняя/внешняя):

анкор

Чтобы добиться нужного нам эффекта, необходимо сделать следующее:

• в пронумерованном списке пунктов (например), необходимое словосочетание (анкор) помещаем вот в такой тег <a>

  анкор

• Непосредственно пункт помещаем вот в такой тег

  анкор

Обращаю ваше внимание на такой момент: вовсе не обязательно ставить "якорь" на словосочетание. Вы можете проставить пустой тег а в нужное место в статье, т.е. без анкора:

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

Полностью про возможности тега <a> можно почитать ЗДЕСЬ. Хороший справочник по HTML и CSS (сам пользуюсь иногда).