# Как сделать что б ссылка открывалась в новом окне?

**URL:** <https://forum.itvdn.com/t/kak-sdelat-chto-b-ssylka-otkryvalas-v-novom-okne/1882>\
**Category:** HTML / CSS\
**Created:** [26.06.2018 11:24:17 UTC](https://forum.itvdn.com/t/kak-sdelat-chto-b-ssylka-otkryvalas-v-novom-okne/1882 "2018-06-26T11:24:17Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![sergey226](https://forum.itvdn.com/letter_avatar_proxy/v4/letter/s/f6c823/32.png) [@sergey226](https://forum.itvdn.com/u/sergey226)\
**Post date:** [26.06.2018 11:24:17 UTC](https://forum.itvdn.com/t/kak-sdelat-chto-b-ssylka-otkryvalas-v-novom-okne/1882/1 "2018-06-26T11:24:17Z")

</div>

Ребят, настроил ссылку с помощью обычного тега "a", но он открывает ссылку на месте текущей страницы. Меняет её короче... Как сделать так, что б новая ссылка не заменяла текущую страницу, а открывалась в новой вкладке?

---

<div class="post-metadata">

**Author:** ![p3tr0ff.petor](https://forum.itvdn.com/letter_avatar_proxy/v4/letter/p/c67d28/32.png) [@p3tr0ff.petor](https://forum.itvdn.com/u/p3tr0ff.petor)\
**Post date:** [26.06.2018 14:49:38 UTC](https://forum.itvdn.com/t/kak-sdelat-chto-b-ssylka-otkryvalas-v-novom-okne/1882/2 "2018-06-26T14:49:38Z")

</div>

Нужно просто дописать дополнительный атрибут target и в него вписать \_blank

Выглядить в общем должно как то так:

```
\<a href="some\_ref" target="\_blank"\>
```

Там всего 4 различных варианта значения для данного атрибута, \_blank открывает ссылку в новой вкладке, по умолчанию там стоит \_self, то есть открывает ссылку в текущем окне. Можно поставить \_parent тогда страница загрузится в фрейм-родитель, если таких нет то значение работает как self. \_top это еще одно значение которое можно подставить, данное значение отменяет все фреймы и загружает страницу в полном окне в браузере, вот примеры данных значений этого атрибута:

```
\<a

href="http://forum.itvdn.com/thread/как-сделать-красивыи-чекбокс/" target="\_blank"\>New
```

```
\<a

href="http://forum.itvdn.com/thread/как-сделать-красивыи-чекбокс/" target="\_parent"\>Parent
```

```
\<a

href="http://forum.itvdn.com/thread/как-сделать-красивыи-чекбокс/" target="\_top"\>Top
```

```
\<a

href="http://forum.itvdn.com/thread/как-сделать-красивыи-чекбокс/" target="\_self"\>This
```
