Как сделать ссылку на верхнюю часть списка на той же странице?

Question

Я попытался создать id s для упорядоченных элементов списка в html, а затем сослаться на них на той же странице следующим образом:

<ol>
<li  id="item1">
Insert text here
</li>

<br>

<li id="item2">
Insert text here
</li>
</ol>

<a href="#item1">Item 1</a>
<a href="#item2">Item 2</a>

Однако в конечном итоге якоря в конечном итоге указываютвнизу текста внутри элементов вместо номера элемента.Другими словами, когда я нажимаю Item 1, вместо этого отображается Item 2.

Поэтому у меня возникает вопрос, есть ли способ связать элементы, чтобы отображаемый элемент действительно отображался?

ПРИМЕЧАНИЕ. Я редактирую текст с помощью текстового поля (редактора) на странице Moodle , которая может быть источником проблемы.

Answer 1

Уродливое решение проблемы, по-видимому, состоит в том, чтобы связать элементы, предшествующие желаемым целям.В этом случае, если я хочу сделать ссылку на item2, я должен сделать ссылку на item1, а в случае item1 следует сделать ссылку на предыдущий абзац, который, конечно же, должен иметь свой собственный id.

Answer 2

Вы должны использовать правильный способ, чтобы связать их, чтобы получить правильный результат.Поскольку вы хотите создать ссылку на элемент на той же странице, вы должны использовать <a href="#id"></a>.Без # он не даст желаемого результата.