Ссылки в HTML

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

Для создания ссылок используют тег <a>. Ссылка может быть абсолютной, или относительной.
Абсолютная ссылка имеет такой вид: <a href= http://www.prostoyblog.ru/about.html>О сайте</a>. Как видите указан полный адрес страницы «о сайте» данного блога.
Обычно абсолютные ссылки применяют для перехода на другие сайты.

Относительная ссылка используется для перехода по страницам одного текущего сайта. Такие ссылки строятся относительно корня сайта, или текущего веб-документа.
Если ссылка идёт от корня сайта,то вначале ставится знак слэш (/), например: /категории/1страница, или /images/12.gif. Слэш повествует о том, что папки «категории» и «images» лежат в корне сайта, а ссылки ведут на страницу «1страница» и изображение «12.gif».
Если перед в ссылке перед именем документа ставят две точки (...), то это указывает браузеру, что надо перейти на уровень выше в каталоге данного сайта, например:
«...1страница.html». При отсутствии перед именем файла каких-либо символов — ссылка ведёт на текущий документ.

Параметры тега <a>

  • href — показывает адрес, на который необходимо перейти по ссылке. По умолчанию открывается в текущем окне браузера.
  • name — данный параметр применяют для указания закладки внутри страницы, которую необходимо задать. Перед именем этой закладки ставится символ решётка(#) Параметр «name» можно использовать и для перехода на другой сайт, поставив имя закладки(якоря) в конце адреса ссылки после символа «#». Иными словами, в любом месте, любого сайта можно поставить так называемый якорь, и, указав его имя в конце адреса ссылки, перейти к нужному Вам месту.
  • title — определяет текст всплывающей подсказки при наведении на ссылку курсора. Например: <a href="page.html" title="текст всплывающей подсказки">текст ссылки</a></p>
  • target — используется для определения окна открывания документа.

Аргументы параметра  target:
_blank — страница загружается в новом окне браузера.
_self — загрузка страницы происходит в текущем окне.

Виды ссылок
Для выделения текстовой ссылки её подчёркивают или меняют её цвет. Определить, что изображение является ссылкой гораздо сложней. Раньше такой рисунок- ссылку брали в рамку,но сейчас это не принято, и, узнать является ли изображение ссылкой, можно лишь наведя на него курсор. Учитывая это — рекомендуется использовать для ссылок изображения, которые несут смысловую нагрузку какой- либо интерактивности, например: кнопки, баннеры, закладки, рисунки с текстом и т. п.

Состояние ссылок

  • Непосещённые ссылки - link. Это состояние  показывает, что к ссылке не обращались, используется по умолчанию и имеет синий цвет с подчёркиванием.
  • Активная ссылка — alink. Ссылка является активной только в момент её открытия, а такое действие длится очень короткое время. По умолчанию цвет красный.
  • Посещённая ссылка vlink ссылка становится посещённой после перехода по ней на указанный документ. По умолчанию цвет меняется на фиолетовый.

Все эти параметры (link, alink, vlink) указываются в теге <body>. Цвета всех параметров можно переопределить, а если этого не сделать, то будут использованы цвета по-умолчанию.

Более гибкое и разнообразное изменение параметров ссылок позволяют сделать стили CSS, но об этом в другом разделе.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Реклама

Один комментарий

  1. Fotovkrugs пишет:

    потрясающие идеи...нам перенять бы ...великолепно.

Оставить комментарий

Перед отправкой формы:
Human test by Not Captcha