Открытие в новой вкладке ссылок через JavaScript

[aquapasha]

Приветствую всех! Я недавно зарегистрировался на вашем форуме.

И вот решил задать такой вопрос.

У меня например есть теги <div></div>, которые должны быть ссылкой.

Делать так <a href="#"><div></div></a> не верно,

а так <div onclick="window.location = 'index.html'"></div> можно.

Но уже нельзя это дело открыть в новой вкладке, можно только кликать.

Как сделать через JS, чтобы можно было открывать в новой вкладке?

[uuu]

Привет.

Для ссылки используется тег <a>.

Если в качестве ссылки нужен блок, то можно применить к тегу <a> стиль: display: block;

А чтобы открыть в новом окне:

<a href = 'http://htmlbook.ru/html/a/target' target="_blank" >target</a>

[aquapasha]

Насколько я помню <a><div></div></a> - это ошибка. Валидатор не пропустит, потому что нельзая вкладывать блочные элементы в строчные.

Edited January 6, 2013 by aquapasha

[klierik]

<div onclick='window.open("ya.ru", "_blank")'>...</div>

подробнее тут: http://www.w3schools.com/jsref/met_win_open.asp

[uuu]

Насколько я помню <a><div></div></a> - это ошибка.

а я и не предлагал вкладывать блочный элемент в строчный. Я говорил об этом:

a{
display: block;
}

[aquapasha]

Спасибо!

[SelenIT]

Насколько я помню <a><div></div></a> - это ошибка.

Забудьте . Уже давно можно (а с прошлого декабря это можно считать окончательно узаконенным W3C).

вкладывать блочный элемент в строчный

Тоже забудьте . Смотрите на Content model каждого конкретного элемента и на общую логику (где текст, где иерархия структуры, где интерактивность и т.п.).

[uuu]

SelenIT, спасибо за интересную статью.

Я правильно понял, что <a><div></div></a> можно использовать только в HTML5? Т.к. в HTML 4.01 код получается не валидным?

[SelenIT]

Верно. Но HTML 4.01 (и XHTML 1.x) уже история, для браузеров есть только HTML5 (точнее, просто HTML)

[pashkje]

а зачем целый блок использовать в качестве ссылки? Проще будет написать <div><a href="#></a></div>. Просто если вы в будущем захотите поменять свойства этого блока, то проще будет если ссылка будет внутри блока. Не придумывайте велосипед