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

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

Ссылки 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. На этом я с вами прощаюсь. Надеюсь вам было интересно и познавательно и вы узнали что то новое.

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

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

Еще статьи

filter css

Область видимости php

htaccess запретить доступ к директории

Комбинаторный оператор сравнения в php7

JS filereader

Библиотека tkinter python

Распознавание javaScript

array filter js

javascript время

Комментарии

Проверочный код

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

История

    ПОДПИСКА

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

    НОВОСТИ

    • Всем привет! Запустил новый сервис для поиска и бесплатного скачивания, прослушивания аудиокниг. Здесь вы можете найти множество литературы и прослушать ее. Вскоре возобновлю написание статей.