Валідність відкриття посилання в новому вікні
Відео: Відкривати всі витікаючі посилання в новому вікні плагін Wordpress
Всі, хто вже непогано розбирається в HTML, прекрасно знають про існування атрибута target у тега lt;agt ;. Однак, не всі знають, що цього атрибута в специфікації XHTML Strict вже немає. І постає питання, як відкрити посилання в новому вікні з дійсним кодом. Про це я і напишу зараз.
Я приведу 2 способи відкриття посилання в новому вікні з дійсним кодом. Обидва вони використовують jаvascript. Давайте розберемо 1-й спосіб:
Відео: Як відкрити посилання в новому вікні Firefox 43
href="Http://myrusakov.ru"onclick="return!window.open(this.href)"gt;Як створити свій сайт
Даний код досить хитрий, оскільки він ще враховує наявність блокувань вікон в браузері. Якщо таке є, то посилання просто відкриється в цьому ж вікні (краще, ніж якщо взагалі не відкриється), а якщо немає, то все добре, і посилання відкриється саме в новому вікні.
Відео: Що робити якщо Відкривається браузер з рекламою
Даний варіант підходить для рідкісного використання, однак, не завжди посилання буде відкриватися так, як Ви хочете (як раз через наявність блокувань вікон). До того ж, якщо таких посилань багато, то копіювати код буде дуже незручно. Тому є інший спосіб, який я сам використовую:
rel="External"href="Http://myrusakov.ru"gt;Як створити свій сайт
rel="External"href="Http://myrusakov.ru"gt;Як створити свій сайт
rel="External"href="Http://myrusakov.ru"gt;Як створити свій сайт
В даному коді ми в самому кінці (перед закриває lt;/ bodygt;) викликаємо функцію externalLinks (), яка в усі посилання, у яких є атрибут "rel"Зі значенням"external", Додає target = "_ blank". Але валідатор цього не бачить і вважає код валідним. Саму функцію можна винести в окремий файл, який підключати на кожній сторінці. А викликати функцію необхідно в самому кінці, знову ж на кожній сторінці. Тоді залишиться лише додавати відповідний атрибут в ті посилання, які повинні відкриватися в новому вікні. Причому це буде працювати завжди і у всіх браузерах, незалежно від їх блокувань, а вставляється код в таку посилання буде мінімальним і, головне, дійсним.
- Dvget
- Символічна посилання за допомогою mklink на windows 10
- Як завантажити відео з вк на новому дизайні?
- Як заборонити копіювання тексту на сайті
- Як налаштувати вкладки в internet explorer
- Що таке анкор?
- Як зробити посилання в excel на інший аркуш
- Realtek hd audio driver 2.17
- Nvidia forceware 182.06
- Сполучення клавіш у google chrome
- Об`єкт window в jаvascript
- Валідність css
- Посилання та зображення в html
- Подія прокрутки коліщатка миші в jаvascript
- Відкриття нового вікна при кліці
- Скрипт додавання в обране
- Валідність jаvascript
- Скрипт галереї на jаvascript
- У мене з`явився блог
- Об`єкт link в jаvascript
- Атрибут download в html5