Блог веб разработки

Блог веб-разработки статьи | видеообзоры | исходный код

Ссылки html

Всем привет, в этой не большой статье я хочу показать вам как вы можете работать с ссылками.

Ну сначала для тех кто не знает ссылка представляет собой следующее:

<a href="https://yandex.ru" >Ссылка на Yandex</a>

где в атрибуте href - указывается адрес ссылки или на какой адрес вы перейдете после клика по ней. Данная ссылка загружает веб ресурс в текущей вкладке. Если же вы хотите открыть в новой:

<a href="https://yandex.ru" target="_blank">Ссылка на Yandex</a>

то в ссылке нужно указать еще один атрибут target со значением _blank.

Помимо адресов ресурсов мы можем по ссылкам просматривать изображение и некоторые типы файлов(pdf и т.п.) .

<a href="bg2.jpg" target="_blank">Ссылка на картинку</a>
<a href="file.pdf" target="_blank">Ссылка на PDF - документ</a>

С этим я думаю все понятно. Но что если в качестве адреса вы хотите ссылаться на почту или телефон? Для этого существуют спец ссылки.

<a href="tel:+7003243432">Ссылка на телефон</a>
<a href="mailto:Andrey@gmail.com" >Ссылка на почту</a>

Как видите ссылка на телефон начинается с приставки tel: и дальше идет его номер. Сразу скажу что данная ссылка будет работать только на мобильных устройствах на ПК такое не прокатит по крайней мере сейчас. Что же касается почты , то после приставки mailto: мы непосредственно указываем адрес почтового ящика в моем случае это gmail. Но тут опять же не все просто для того чтобы вы могли после перехода по ссылке отправлять сообщения. Вам необходимо зайти в свой gmail аккаунт где в самом вверху в адресной строке слева появится значение такого типа <> щелкнув по нему откроется вкладка и там необходимо выбрать 'разрешить'. Все, после этого при переходе по ссылке на определенный почтовый адрес будет появляться поле для ввода сообщения и это при том что вы авторизованы на gmail.

Атрибут rel определяет отношения между текущим документом и документом, на который ведет ссылка, заданная атрибутом href. Данный атрибут поддерживается далеко не везде.

<a href="https://vk.com?id34342342332" rel="friend">Ссылка на страницу друга</a>

Едем дальше с развитием HTML появился еще один полезный атрибут для ссылок download

<a href="" download >Скачать исходный код данной страницы</a>
<a href="img.jpg" download >Скачать картинку</a>

C помощью атрибута download мы можем по указанному адресу ссылки скачивать файлы, изображения и т. д. на устройство.

Атрибуты media и ping мы рассматривать не будем в виду слабой поддержки браузерами.

Скажу лишь что атрибут media предназначен для создания media запроса при выполнении которого данный элемент будет активным, а ping для опроса перечисленных в нем через пробел url адресов в случае удачного перехода пользователя по ссылке.

Ну вот в принципе и все что вы должны знать про ссылки в HTML. На этом я с вами прощаюсь. Надеюсь вам было интересно и познавательно и вы узнали что то новое.

Я желаю вам успеха и удачи! Пока!

Оцените статью

Еще статьи

localstorage HTML

Javascript генераторы

Функция инвертирования цветов картинок в css

Ссылки html

parse_url() и parse_str() php

border image css

phpQuery php

Php zip

URL javascript

Комментарии

В данном разделе пока нет комментариев!

История

    НОВОСТИ

    • Опубликовал приложение под android 'Аудиокниги'. Кому интересно, переходите по ссылке