Кликабельное оглавление: 4 рабочих способа
Чтобы сделать оглавление с кликабельными переходами, используйте заголовки (Heading/Заголовок 1–3) и вставьте автооглавление (Word/Google Docs) или создайте список ссылок на якоря (Markdown/HTML). Вручную набивать пункты оглавления почти никогда не нужно.
Если оглавление не «видит» разделы, причина обычно одна: заголовки оформлены жирным текстом, а не стилем Заголовок 1/2/3.
Оглавление
Общий принцип: заголовки и якоря
Кликабельное оглавление строится двумя путями:
- Автоматически по стилям заголовков — документ сам собирает список разделов и делает ссылки. Это лучший вариант для Word и Google Документов.
- Через якоря — пункты оглавления ссылаются на
#id(HTML) или на якорь заголовка (Markdown).
Word: автоматическое оглавление
- Назначьте стили заголовков: выделите строку → Главная → Стили → Заголовок 1/2/3.
- Вставьте оглавление: курсор в место оглавления → Ссылки → Оглавление → выберите автоматический вариант.
- Обновляйте после правок: клик по оглавлению → Обновить таблицу →
- «только номера страниц» (если менялся объём),
- «целиком» (если менялись названия/структура).
Не правьте текст внутри оглавления вручную: при обновлении изменения сотрутся. Меняйте заголовки в тексте, затем обновляйте оглавление.
Google Документы: оглавление со ссылками
- Оформите заголовки: Формат → Стили абзаца → Заголовок 1/2/3.
- Вставьте оглавление: Вставка → Оглавление → выберите вид (со ссылками/с номерами).
- Обновление: нажмите кнопку обновления в оглавлении (или через контекстное меню).
Если документ длинный, держите уровни простыми: Заголовок 1 для разделов, Заголовок 2 для подразделов. Так оглавление будет читабельным.
Markdown и HTML: оглавление на якорях
Markdown (README, документация, статьи)
Чаще всего оглавление — это список ссылок на якоря заголовков:
## Оглавление
- [Введение](#введение)
- [Установка](#установка)
- [Частые ошибки](#частые-ошибки)
## Введение
...
Важно: правила генерации якорей зависят от платформы (регистр, знаки, кириллица). Если ваш движок поддерживает явный ID, используйте его — так надёжнее.
HTML (страница/лендинг)
- В оглавлении делайте ссылки на фрагменты:
<nav>
<ul>
<li><a href="#intro">Введение</a></li>
<li><a href="#steps">Шаги</a></li>
</ul>
</nav>
- На секциях задайте уникальные
id:
<h2 id="intro">Введение</h2>
<h2 id="steps">Шаги</h2>
Какой способ выбрать
Сравнение подходов
| Где вы пишете | Правильный путь | Что запомнить |
|---|---|---|
| Word | Автооглавление по стилям | Сначала **Заголовок 1/2/3**, потом вставка оглавления |
| Google Документы | Оглавление по Heading | После правок — обновить оглавление |
| Markdown | Ссылки на якоря | Якоря могут отличаться по платформам, лучше явные ID (если доступны) |
| HTML | href="#id" + id="..." | id уникальный, короткий, без пробелов |
Частые ошибки
- Заголовки сделаны жирным/крупным, а не стилем заголовка → оглавление не собирается автоматически.
- Всё на одном уровне → проверьте, что разделы это Заголовок 1, а подразделы — Заголовок 2.
- Оглавление “не кликается” в Word → часто нужен Ctrl + клик по пункту.
- После редактирования структура “поехала” → просто обновите оглавление, это нормальный шаг.
- В HTML повторяются
id→ браузер может прокручивать “не туда”; делайтеidуникальными.
FAQ
Можно ли сделать оглавление полностью вручную?
Можно, но это неудобно: придётся поддерживать ссылки и нумерацию. Автоматическое оглавление почти всегда быстрее и надёжнее.
Почему оглавление не включает новый раздел?
Проверьте, что новый раздел оформлен стилем Заголовок, и затем обновите оглавление.
Что лучше для Markdown: кириллица или латиница в якорях?
Если есть выбор — делайте якоря латиницей и короткими (#install, #faq), так меньше проблем с совместимостью.