Как в html открыть ссылку в новом окне

Здравствуйте, уважаемые читатели и случайные посетители. Сегодня я хотел бы ответить на простой вопрос о том, как можно в html открыть ссылку в новом окне.

Создание ссылки в html и прописывание ей атрибутов

Ссылка в html во многом уникальный элемент, который имеет право на свои собственные атрибуты. Наверняка вы знаете, что она создается парным тегом <a></a>. Между открывающим и закрывающим тегом пишется анкор то есть те слова, которые будут видны читателю.

Самый главный атрибут ссылки – href. Он задает адрес, по которому произойдет переход в случае клика. Но по умолчанию сделано так, что переход делается в той же вкладке и в результате у человека закрывается сайт, на котором он собственно кликнул по ссылке. Это не всегда удобно. Конечно, если это внутренняя гиперссылка, то это не так критично, но даже в таком случае человек, возможно, хотел почитать материал и там, и там.

Чтобы открыть ссылку в новом окне, нужно добавить атрибут target со значением “_blank”. Это разумно делать для всех внешних ссылок, которые ведут за пределы вашего сайта. Итак, пример такой ссылки:

<a href = “url-адрес с http://” target = “_blank”>анкор</a>

Удобство ссылок, открывающихся в новом окне

Я не знаю, как вы, а я при чтении открываю кучу вкладок, потому что везде есть что-то полезное. Мне проще потратить доли секунды на закрытие ненужного окна, чем при клике потерять прошлую статью, вернуться назад, а потом вручную открыть в новой вкладке.

Конечно, такая возможность есть – жми правой кнопкой по гиперссылке, выбирай нужную команду и тогда она даже без атрибута откроется в новом окне.как открыть в html ссылку в новом окне Но таким способом пользуются не все пользователи, а значит вы рискуете потерять часть своих читателей, если не будете добавлять к своим ссылкам на другие ресурсы атрибут target = “_blank”.

Как видите, даже простейшее добавление одного атрибута к ссылкам может сыграть определенную роль в успехе вашего сайта. Теперь вы знаете, какой код написать в html для открытия ссылки в новом окне, чтобы ваш сайт оставался во вкладке пользователя.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: