Информационные технологииStfw.Ru 🔍

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

В XHTML или в HTML
🕛 22.01.2009, 23:38
В XHTML или в HTML при использовании строгого
<!DOCTYPE> параметр target тега <A>
осуждается и код с ним не пройдет валидацию. Чтобы в таком случае сделать ссылку для открытия в новом окне и соблюсти корректность кода, одних HTML и CSS недостаточно, поэтому придется обратиться к скриптам. Вначале необходимо как-то выделить ссылки, которые будут открываться в новом окне, например, параметром rel со значением external. Этот параметр кратко описывает ссылку или куда она ведет. Браузеры не воспринимают этот параметр, но это и не требуется, поскольку мы будем проверять все ссылки на предмет наличия этого параметра через JavaScript (пример 1). К нужным ссылкам добавляется все тот же параметр target. Но так как это делается программно, то валидатор уловки не заметит.
Пример 1. Открытие ссылки через JavaScript

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Ссылка в новом окне</title> <script type="text/javascript"> function externalLinks() { links = document.getElementsByTagName("a"); for (i=0; i<links.length; i++) { link = links[i]; if (link.getAttribute("href") && link.getAttribute("rel") == "external") link.target = "_blank"; } } window.onload = externalLinks; </script> </head> <body> <p><a href="link1.html">Ссылка откроется в текущем окне</a></p> <p><a href="link1.html" rel="external">Ссылка откроется в новом окне</a></p> </body>
</html> 

Все рецепты HTML и CSS   Теги: Html

Читать IT-новости в Telegram
Информационные технологии
Мы в соцсетях ✉