Как сделать якорь в тексте?

  • 11 Просмотры
  • Последний пост 3 недель назад
  • Найдено решение по теме
Ярослав Сельник разместил пост 3 недель назад

Ребят, дано куча текста. Нужно сделать что-то вроде ссылки (якоря) на определённый участок текста.

Подскажите пожалуйста каким тегом это можно сделать?

Нужно вот что-то типа как на Википедии:

Отсортировать по: Стандартный | Последний | Голоса
Ярослав Сельник разместил пост 3 недель назад

Александр Чигряй разместил пост 3 недель назад

Привет. Засовываешь нужный участок текста в тег <span>, внутри тега ставишь id="якорная ссылка". В сайд баре с ссылками, в href="якорная ссылка". Как вариант.

  • Пост понравился
  • Nefedor
  • Ярослав Сельник
Nefedor разместил пост 3 недель назад

Александр впринципе уже дал ответ на вопрос, но я ещё код прикреплю, для лучшего понимания:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>

<!--<script src="JS_1.js"></script>-->

</head>
<body>
<p><a href="#C15">Jump to Chapter15</a></p>

<h2>Chapter1</h2>
<h2>Chapter2</h2>
<h2>Chapter3</h2>
<h2>Chapter4</h2>
<h2>Chapter5</h2>
<h2>Chapter6</h2>
<h2>Chapter7</h2>
<h2>Chapter8</h2>
<h2>Chapter9</h2>
<h2>Chapter10</h2>
<h2>Chapter11</h2>
<h2>Chapter12</h2>
<h2>Chapter13</h2>
<h2>Chapter14</h2>
<h2><a name="C15"></a>Chapter15</h2>
<h2>Chapter16</h2>
<h2>Chapter17</h2>
<h2>Chapter18</h2>
<h2>Chapter19</h2>
</body>
</html>

  • Пост понравился
  • Ярослав Сельник
Nefedor разместил пост 3 недель назад

При нажатии на ссылку будет скачок на нужный участок

  • Пост понравился
  • Ярослав Сельник
Ярослав Сельник разместил пост 3 недель назад

Спасибо за ответы)

Ярослав Сельник разместил пост 3 недель назад

И за оперативность отдельное спасибо)

Close