Делаем удобную навигацию по статье. Якорь и тег A
Большинство из Вас знает для чего нужен тег <a> - он делает ссылку кликабельной, т.е. он создает ссылку. У данного тега есть несколько параметров, которыми кто-то пользуется, а кто-то нет.
В сегодняшней статье хочу Вам рассказать про один такой параметр, который очень пригодится блогерам, пишущим длинные статьи и любящие их разбивать на логические подпункты. Проще говоря: создадим ссылки внутри статьи на пункты самой статьи, что позволит читателям переходить к нужному пункту сразу, без необходимости прокручивать и искать нужный кусок текста.
Чтобы вы сразу все поняли - посетите статью на моем сайте Все кнопки социальных сетей для сайта и нажмите на любую социальную сеть в структурированном списке почти в самом начале.
Тег <a> и параметр name
Вот так выглядит обычная ссылка (внутренняя/внешняя):
анкор
Чтобы добиться нужного нам эффекта, необходимо сделать следующее:
- в пронумерованном списке пунктов (например), необходимое словосочетание (анкор) помещаем вот в такой тег <a>
анкор
- Непосредственно пункт помещаем вот в такой тег
анкор
Обращаю ваше внимание на такой момент: вовсе не обязательно ставить "якорь" на словосочетание. Вы можете проставить пустой тег а в нужное место в статье, т.е. без анкора:
Поэкспериментируйте. Все должно получиться. Название punkt1 можно менять на абсолютно произвольное, главное на латинице и уникальное по странице.
Полностью про возможности тега <a> можно почитать ЗДЕСЬ. Хороший справочник по HTML и CSS (сам пользуюсь иногда).