Здравствуйте, уважаемые читатели и случайные посетители. Сегодня я хотел бы ответить на простой вопрос о том, как можно в html открыть ссылку в новом окне.
Создание ссылки в html и прописывание ей атрибутов
Ссылка в html во многом уникальный элемент, который имеет право на свои собственные атрибуты. Наверняка вы знаете, что она создается парным тегом <a></a>
. Между открывающим и закрывающим тегом пишется анкор то есть те слова, которые будут видны читателю.
Самый главный атрибут ссылки – href
. Он задает адрес, по которому произойдет переход в случае клика. Но по умолчанию сделано так, что переход делается в той же вкладке и в результате у человека закрывается сайт, на котором он собственно кликнул по ссылке. Это не всегда удобно. Конечно, если это внутренняя гиперссылка, то это не так критично, но даже в таком случае человек, возможно, хотел почитать материал и там, и там.
Чтобы открыть ссылку в новом окне, нужно добавить атрибут target
со значением “_blank”
. Это разумно делать для всех внешних ссылок, которые ведут за пределы вашего сайта. Итак, пример такой ссылки:
<a href = “url-адрес с http://” target = “_blank”>анкор</a>
Удобство ссылок, открывающихся в новом окне
Я не знаю, как вы, а я при чтении открываю кучу вкладок, потому что везде есть что-то полезное. Мне проще потратить доли секунды на закрытие ненужного окна, чем при клике потерять прошлую статью, вернуться назад, а потом вручную открыть в новой вкладке.
Конечно, такая возможность есть – жми правой кнопкой по гиперссылке, выбирай нужную команду и тогда она даже без атрибута откроется в новом окне. Но таким способом пользуются не все пользователи, а значит вы рискуете потерять часть своих читателей, если не будете добавлять к своим ссылкам на другие ресурсы атрибут
target = “_blank”
.
Как видите, даже простейшее добавление одного атрибута к ссылкам может сыграть определенную роль в успехе вашего сайта. Теперь вы знаете, какой код написать в html для открытия ссылки в новом окне, чтобы ваш сайт оставался во вкладке пользователя.