tpch.info

Как сделать якоря на сайт

Как сделать якоря на сайт 522

Якорем называется закладка с уникальным именем на определенном месте веб-страницы, предназначенная для создания перехода к ней по ссылке. Якоря удобно применять в документах большого объема, чтобы можно было быстро переходить к нужному разделу.

Для создания якоря следует вначале сделать закладку в соответствующем месте и дать ей имя при помощи атрибута name тега <a> (пример 9.1). В качестве значения href для перехода к этому якорю используется имя закладки с символом решетки (#) впереди.

Пример 9.1. Создание якоря

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Быстрый переход внутри документа</title> </head> <body> <p><a name="top"></a></p> <p>...</p> <p><a href="#top">Наверх</a></p> </body> </html>

Между тегами <a name="top"> и </a> текст не обязателен, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу страницы. Имя ссылки на якорь начинается с символа #, после чего идет имя якоря, оно выбирается любое, соответствующее тематике. Главное, чтобы значения атрибутов name и href совпадали (символ решетки не в счет).

С якорями связана одна особенность работы браузера. После перехода к указанному якорю нажатие на кнопку «Назад» возвращает не на предыдущую просмотренную страницу, а к ссылке, с которой был сделан переход к якорю. Получается, что для перехода к предыдущему документу надо нажать кнопку «Назад» два раза.

Cсылку можно также сделать на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в атрибуте href тега <a> надо указать адрес документа и в конце добавить символ решетки # и имя закладки (пример 9.2).

Пример 9.2. Ссылка на закладку из другой веб-страницы

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Якорь в другом документе</title> </head> <body> <p><a href="text.html#bottom">Перейти к нижней части текста</a></p> </body> </html>

В данном примере показано создание ссылки на файл text.html, при открытии этого файла происходит переход на закладку с именем bottom.

Если на веб-странице содержится ссылка на якорь, а самого якоря нет, то никакой ошибки не возникнет.


Как сделать якоря на сайт 595
Как сделать якоря на сайт 314
Как сделать якоря на сайт 130
Как сделать якоря на сайт 665
Как сделать якоря на сайт 716
Как сделать якоря на сайт 524
Как сделать якоря на сайт 424
Как сделать якоря на сайт 622
Как сделать якоря на сайт 620
Как сделать якоря на сайт 724
Как сделать якоря на сайт 999
Как сделать якоря на сайт 769
Как сделать якоря на сайт 85
Как сделать якоря на сайт 966
Как сделать якоря на сайт 57
Как готовится лазанья в домашних условияхБольшие открытки с днем мамыКак сделать sql серверКак сделать арбузы в банкахСладости приготовленные в домашних условияхКак сделать самую простою беседкуЧто можно сделать своими рукам парнюГараж из вагонки своими рукамиДенежный торт и поздравление на свадьбуНа пляж на голову своими рукамиКрасивые поздравления в стихах на свадьбу для женихаПоздравления ко дню рождения маленького мальчикаКак сделать сброс настроек на самсунге галакси с 2Как сделать манеж для щенков своими рукамиВязание спицами простейшие узоры с описанием

Читать далее:

  • Как сделать чёрный гуашь
  • Для чего сажают пшеницу
  • Поздравление друзьям с днем рождения прикольные
  • Как сделать форму для спиннера
  • Пиратская атрибуты своими руками