Автофокус на элементе <a>без JavaScript

Question

Есть ли способ автофокусировки на элементе <a> без JavaScript? Я нашел ответ здесь , который включает JS, но я бы хотел минимизировать количество JS на моем веб-сайте.

Answer 1

Вы можете предоставить атрибут id для <a> и обновить ссылку на страницу с помощью #{id}.

<a id="focus">foo</a>

и обновить ссылку на страницу с выделенным элементом до http://www.example.com/mypage#focus

Если у вас есть ссылка на той же странице (например, в разделе навигации), вы можете просто использовать

<a href="#focus">foo</a> чтобы прыгнуть на якорь.