Как создать ссылки на разделы на одной странице в HTML

анкер

Гиперссылки используются веб-браузером для перехода с одной страницы на другую. Тем не менее, вы также можете перейти в другую область на той же странице. В следующих разделах показано, как сделать ссылку на верхний, нижний или определенный раздел веб-страницы. Выберите метод из следующего списка или изучите оба варианта.

Заметка

Сегодня все браузеры по-прежнему распознают «#» как жизнеспособный способ перехода на верх или низ страницы. Однако этот метод устарел и может не работать в будущих версиях HTML. Вместо этого мы предлагаем использовать метод id, так как он более актуален и универсален.

  • Используя #top или #bottom
  • Использование селектора идентификатора

Используя #top или #bottom

В следующем примере показано, как использовать #top и #bottom с атрибутами tag и href для создания ссылки на верхнюю или нижнюю часть страницы. Этот метод похож на использование «id», но вам не нужно выбирать конкретный элемент. Нажмите «Вверх» или «Вниз» в разделе «Результаты», чтобы увидеть, что происходит.

Примеры

верхний

Дно

Полученные результаты

верхний

Дно

Использование селектора идентификатора

В CSS «id» — это селектор, который может использоваться для обозначения области, на которую должна указывать ссылка, аналогично привязке в HTML. Преимущество использования id в том, что вы можете создать ссылку на любой элемент на странице, а не только сверху или снизу. В следующих разделах вы узнаете, как применить идентификатор к тегу HTML, а затем как сделать ссылку на него. Этот пример будет ссылаться на первый абзац в верхней части этой страницы.

Используйте селектор #id

Гиперссылки используются веб-браузером для перехода с одной страницы на другую …

Создать ссылку на селектор

Отведите меня к открытому абзацу.

Результат

Отведите меня к открытому абзацу.

Ссылка на основную публикацию