Ссылка в новом окне в html

Жирный шрифт и курсив в html
Дата: 2012-03-01
Автор: admin

Как добавить сайт в поисковики
Дата: 2010-11-26
Автор: Олег Каминский

Кроссбраузерная верстка. Полезные советы
Дата: 2011-08-31
Автор: Олег Каминский

Как раскрутить интернет-магазин бесплатно
Дата: 2012-01-16
Автор: Олег Каминский

Как вставить видео с youtube на сайт
Дата: 2011-02-16
Автор: Олег Каминский

Ссылка в новом окне в html



По умолчанию в html все ссылки открываются в этом же окне, что и основной документ. И это, в принципе правильно, потому что открывать новые вкладки и окна без ведома пользователя будет немножко нагловато с нашей стороны. Я однажды прочитал одну правильную фразу в Интернете: «Открывать ссылки в новом окне без согласия пользователя это всё равно, что ставить перед ним еще один монитор без его на то согласия».

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

Для того чтобы ссылка открывалась в новом окне ей необходимо присвоить атрибут target и придать ему значение _blank.

Например, вот такой код заставит открываться ссылку в новом окне:

<a target="_blank" href="http://sites-builder.ru">Вот такая ссылочка</a>

Можно нажать и проверить: Вот такая ссылочка

Хочу заметить, что будет ссылка открываться то ли в новом окне, то ли в новой вкладке зависит от настроек непосредственно отдельно взятого браузера.

Например в firefox это устанавливается здесь: «Настройки – Вкладки – Вместо новых окон открывать новые вкладки».

Можно попробовать заставить браузер плясать под свою дудку и открывать ссылки только в новых окнах, но это уже не  html, а java script и это еще большая наглость по отношению к своим посетителям.

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

<a href ="#nul" ONCLICK="window.open(' URL ','','Toolbar=1,Location=0,Directories=0,Status=0,Menubar=0,
Scrollbars=0,Resizable=0,Width=550,Height=400');">Название ссылки</a>



Поделитесь статьёй с друзьями:


Автор: Олег Каминский| Дата: 2012-03-23| Просмотров:(10920)| Комментов:(5)


Похожие статьи:

Как сделать редирект Html
Дата:2011-01-19

Комментарии в Html
Дата:2011-09-30

Комментарии в css
Дата:2011-09-30

Заголовки в Html
Дата:2012-03-01

Как прижать футер к низу страницы
Дата:2011-01-19


Комментарии:

Автор: Роман
Дата: (2017-07-01)

Спасибо! класс! круто!...)))

Автор: angevicka
Дата: (2017-02-10)

вставляю код в хед страницы, на экране появляется название ссылки и ведет себя как ссылка, но не открывается. Видимо ее нада привязать к какому то контенту, но не знаю как. Не подскажете?

Автор: вован1
Дата: (2017-01-22)

Класс

Автор: Денис
Дата: (2012-04-14)

Полностью согласен

Автор: Игорь
Дата: (2012-03-24)

Фигня

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

Введите сумму чисел с картинки: