Валідність відкриття посилання в новому вікні

Відео: Відкривати всі витікаючі посилання в новому вікні плагін Wordpress

Всі, хто вже непогано розбирається в HTML, прекрасно знають про існування атрибута target у тега lt;agt ;. Однак, не всі знають, що цього атрибута в специфікації XHTML Strict вже немає. І постає питання, як відкрити посилання в новому вікні з дійсним кодом. Про це я і напишу зараз.

Я приведу 2 способи відкриття посилання в новому вікні з дійсним кодом. Обидва вони використовують jаvascript. Давайте розберемо 1-й спосіб:

Відео: Як відкрити посилання в новому вікні Firefox 43

Даний код досить хитрий, оскільки він ще враховує наявність блокувань вікон в браузері. Якщо таке є, то посилання просто відкриється в цьому ж вікні (краще, ніж якщо взагалі не відкриється), а якщо немає, то все добре, і посилання відкриється саме в новому вікні.

Відео: Що робити якщо Відкривається браузер з рекламою

Даний варіант підходить для рідкісного використання, однак, не завжди посилання буде відкриватися так, як Ви хочете (як раз через наявність блокувань вікон). До того ж, якщо таких посилань багато, то копіювати код буде дуже незручно. Тому є інший спосіб, який я сам використовую:

В даному коді ми в самому кінці (перед закриває lt;/ bodygt;) викликаємо функцію externalLinks (), яка в усі посилання, у яких є атрибут "rel"Зі значенням"external", Додає target = "_ blank". Але валідатор цього не бачить і вважає код валідним. Саму функцію можна винести в окремий файл, який підключати на кожній сторінці. А викликати функцію необхідно в самому кінці, знову ж на кожній сторінці. Тоді залишиться лише додавати відповідний атрибут в ті посилання, які повинні відкриватися в новому вікні. Причому це буде працювати завжди і у всіх браузерах, незалежно від їх блокувань, а вставляється код в таку посилання буде мінімальним і, головне, дійсним.