Создание гиперссылок

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

Гиперссылка, в самом простом случае, создается следующим образом:

Ссылаться можно не только на другие страницы, но также и на внешние объекты (любые файлы). Как правило, при щелчке на гиперссылку, то что браузер не в состоянии отобразить (к примеру, архив) будет предложено скачать.

Тег <a> содержит следующие атрибуты:

· accesskey – позволяет активировать ссылку при помощи комбинации клавиш;

· charset – указывает кодировку текста, на который ведет ссылка;

· coords – задает координаты активной области ссылки;

· href – задает адрес документа, на который необходимо перейти;

· hreflang – идентификация языка текста по ссылке;

· media – указывает тип носителя, на который ведет ссылка;

· name – задает наименование якоря;

· rel – задает отношение между ссылаемым и текущим документом;

· shape – задает форму активной области ссылки для изображений;

· tabindex – задаeт последовательность перехода между ссылками при нажатии кнопки Tab;

· target – наименование окна, в которое будет загружаться документ;

· title – задает всплывающую подсказку для ссылки;

· type – указывает MIME-тип на который ведет ссылка.

Отметим следующий момент: адрес документа на который указывает ссылка может быть как абсолютным (к примеру http://intuit.ru), так и относительным (/document.htm). В последнем случае, путь к документу определяется относительно расположения текущей веб-страницы.

Ссылки не обязательно должны быть только на внешние источники, можно задать так называемые якоря – ссылки на фрагмент текущей веб-страницы. Задается якорь следующим образом:

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

Если же сослаться нужно с другой веб-страницы, то гиперссылка оформляется следующим образом:

Не нашли, что искали? Воспользуйтесь поиском: