HTML-ссылка – это элемент, который позволяет пользователям в интернете совершать переходы между интернет-страницами, просматривать находящиеся на них материалы. Также такая ссылка может называться гиперссылкой.
HTML ссылка на сайт и как её создать
Для того чтобы создать HTML-ссылку у себя на сайте, необходимо использовать специальный тег, который ее обозначает. Этот тег содержит указатель и атрибут.
Атрибут «href» служит для указания в гиперссылке ее URL-адреса, а указатель – это всего лишь текст, который информирует или привлекает пользователей кликнуть. URl (Uniform Resource Locator) – это уникальный адрес вашей страницы в интернете.
Пример обычной HTML-ссылки:
<а hrеf=” httр://sitename.com/index.html”> жми сюда, чтобы перейти на Sitename! </а>.
Обычно пользователю виден лишь текст указателя ссылки, но помимо текста можно использовать изображения или анимации. По умолчанию стандартная HTML-ссылка выглядит на экране компьютера как обычный синий подчеркнутый текст.
Для того чтобы вставить в ссылку изображение, нужно использовать специальный атрибут img src=, после которого указывается ссылка на изображение. Таким образом HTML-ссылка в виде изображения прописывается так же, как и обычная гиперссылка, только вместо текста ссылки находится атрибут с адресом необходимого изображения. В результате у вас на странице сайта получится ссылка в виде картинки. Размер картинки будет таким, каким вы его загрузите или определите в коде. Вот пример такой ссылки-картинки:
Причем предложением “заказать продвижение сайта” вы можете воспользоваться по настоящему. Этим ремеслом я занимаюсь с 2007 года и готов вывести ваш сайт на первую страницу Яндекс. Ну и после маленькой саморекламы продолжаем о HTML-ссылках.
Виды HTML ссылок
Ссылка может иметь несколько видов адресов, в зависимости от места хранения материала. Абсолютные адреса применяются чаще всего и используются для указания файлов или страниц на сторонних или собственных ресурсах.
В общем виде абсолютная ссылка имеет вид: http://sitename.com/index.html.
Относительные адреса ссылок применяются для указания файлов, которые располагаются на одном и том же ресурсе или компьютере. Такие адреса обычно более короткие и имеют такой вид: http://filename.html.
Важно чтобы указанные адреса и файлы были всегда доступны и правильно прописаны, в противном случае браузер будет выдавать сообщение, что он не может открыть необходимый файл.
За вариант открытия новой веб-страницы отвечает специальный атрибут «target=”». С помощью его можно выбрать то, как поведет себя открытая страница. Например, если в коде ссылки прописать «target=”_blank”», то страница этой ссылки будет открываться в новой вкладке, подобно открытию сайтов из результата поиска на «Яндекс». Использование «target=”_self”» будет открывать новую страницу в текущей вкладке и текущем окне. «target=”_new”» будет открывать ссылку в новой вкладке нового окна.
Пример HTML ссылки, открывающейся в новой вкладке:
<а target=”_blаnk” hrеf=” http://sitename.com/index.html”> жми сюда, чтобы перейти на Sitename! </а>
Используя атрибут «titlе», вы можете задать необходимый вам текст, который будет высвечиваться под ссылкой.
Ссылки на участок материала интернет страницы (хеш ссылки)
Давайте представим, что у вас есть веб-страница с материалом очень большого объема, и вам нужно в каком-то месте составить список со ссылками на участок этой страницы. Для этой цели используются «якоря».
«Якоря» позволяют мгновенно переходить на необходимый участок без утомительного скролла всей статьи. «Якоря» – это всем известный знак хэштэга «#» с идентификатором положения на странице.
Ссылка с якорем имеет вид обычной HTML-ссылки, только атрибут «href» будет содержать не адрес веб-страницы, а адрес конкретного места на странице. Для того чтобы разместить на странице «якоря», вначале следует разметить необходимые для перехода места с помощью маркеров вида «#p1», «#p2» и т. д. После маркировки необходимых элементов можно делать «якоря». Ссылка на маркеры будет иметь вид:
<а href=”#р1″> Текст ссылки на якорь «p1» </а>
Также в интернете можно встретить термин “вечная ссылка“. Обычно это просто платное размещение вашей ссылки на стороннем ресурсе. Оплата за ее размещение вносится однократно, а ссылка навсегда остается в контенте сайта.
Зачастую вечные ссылки размещают в тексте, где с их помощью предлагают узнать дополнительную информацию на указанном сайте. Такие ссылки хорошо индексируются поисковиками, но нечистые на руку партнеры могут без вашего ведома удалить ссылку или материал с ней. Вечные ссылки имеют высокую цену и продаются на специальных биржах.
Битая ссылка – это ссылка, которая по тем, или иным причинам не работает и показывает вам при переходе по ней страницу с кодом ошибки.
Обучение SEO
Если вы хотите научиться выводить сайты в ТОП 10 поисковых систем Яндекс и Google, посетите мои онлайн-уроки по SEO-оптимизации (коротко о себе я рассказал в видео ниже). Все свои интернет-проекты я вывел на посещаемость более 1000 человек в сутки и могу научить этому Вас. В отличие от коллег я не продаю видео курсы, так как они не информативны, и просматривая их некому задавать вопросы. Я провожу обучение по скайпу индивидуально и во время урока отвечаю на все возникающие вопросы моих учеников. По времени SEO обучение длиться около 4 – 6 часов в зависимости от начальной подготовки ученика. Кому интересно обращайтесь!
На этом сегодня всё, всем удачи и до новых встреч!