Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Html » Ssylka-html

Ссылка html

Сегодня вы узнаете как сделать гиперссылку или проще сказать ссылку html. Но для начала давайте разберемся для чего они нужны. Говоря обычным языком ссылки  нужны для связи документов как на самом сайте, так и за его пределами. Причём ссылаться можно не только на другие странички, но и на любые файлы. Для создания гиперссылок в любой версии html используется тег <a>. Общий принцип взаимодействия документов такой:

<a href="URL">Название</a>

Где href — атрибут указывающий на адрес. А название (анкор) вставляется между <a></a>. По умолчанию текст имеет синий цвет (который при желании можно изменить) и он подчеркивается. Давайте с вами рассмотрим вот такой пример:

<!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="#">Битая ссылка</a></p>
  <p><a href="/">Переход на сайт sdcvoy.ru 
(абсолютная ссылка)</a></p>
 </body>
</html>

Результат должен быть таким:

гиперссылка html

Если вы нажмете на «Битую ссылку» то на экране появится ошибка 404 или никакого перехода не произойдет. Просто такой страницы не создано или вы указали неверный путь URL. Так что будьте очень внимательны при создании сайта. Проверяйте все переходы на работоспособность. Вторая гиперссылка является абсолютной и ведет, как вы уже догадались, на этот сайт. Но в большинстве случаев лучше использовать относительные ссылки, которые устанавливают связь между страницами сайта. Их как правило используют для навигации. При этом необходимо правильно указывать путь документа html (файла). Например допустим что файл document.html лежит у вас в корневой папке сайта, тогда путь к нему будет таким:

<a href="document.html">наш файл</a>

Если этот файл лежит не в корневой папке, а в папке на порядок ниже, тогда вы должны указать такой путь:

<a href="../document.html">наш файл</a>

Следует также знать про вложенность ссылки. Порой все мы делаем ошибки. И одной из самых распространенных ошибок является как раз то что пользователь пытается вложить блок в ссылку. Вот один из таких примеров:

<a href="../document.html"><h2>Вы не правильно
 используете ссылку</h2></a>

Здесь ошибкой считается то, что блок h2 с заголовком вложили в ссылку. Этого ни в коем случае нельзя допускать. Правильно будет, если вы сделаете так:

<h2><a href="../document.html">Это правильный пример 
вложенности </a></h2>

Как и у текстовых тегов у тега <a> есть свои атрибуты, но о них мы поговорим в следующей статье.



наверх