Дизайны драконов для машинной вышивки


Дизайны драконов для машинной вышивки
Дизайны драконов для машинной вышивки
Дизайны драконов для машинной вышивки

httpС целью удержать пользователей на сайте многие используют для ссылок, ведущих на внешние сайты, атрибут target и значения _blank. То есть получается, что нажав на ссылку, которая ведет на сторонний ресурс, пользователь открывает еще одно новое окно, сохраняя на виду первоначальный сайт. Существует целая дискуссия на тему стоит ли вообще так делать.

Но наша задача не участвовать в дискуссиях, а сделать так, чтобы любая ссылка, ведущая на внешний сайт, открывалась в новом окне. Предположим также, что наш сайт имеет целую россыпь ссылок; разделим эти ссылки на группы, относительно их путей: относительные, абсолютные внутренние, абсолютные внешние.

Принимая во внимание вышеприведенное условие, нам понадобится следующий код:

JQuery

$(document).ready(fucntion(){ var url_my = location.protocol + "//" + location.hostname; $("a[href^='http://']").not("[href^='"+url_my+"']") .attr("target","_blank"); })

Пояснение по свойствам объекта protocol:

location.protocol - протокол для доступа к url (http:, https:); location.hostname – название сайта (например, www.dnzl.ru).

Работа с фильтрами jQuery, включая not: основы jquery.

Пример, вот ссылка, которая не имеет атрибута target со значением _blank. При помощи вышеприведенного кода при клике по ссылке сайт google откроется в новом окне.

google

Можно сделать «ход конем», и запретить следовать поисковикам по внешним ссылкам, для этого просто передайте ссылкам атрибут rel со значением nofollow. Думаю, сложно переоценить важность атрибута rel для seo.

Комментарии к статье Категории Архив

азы HTML   селекторы CSS   ошибки IE   закругление CSS   Свойства CSS3   блочная верстка   jQuery скроллинг   эффекты jQuery   jQuery плагины   CSS ссылки   Sublime Text 2   Веб инструменты   Свойства CSS   Обработка форм php   текст в css   основы PHP   jQuery галерея   HTML5   сетки для верстки   clearfix css   Ссылки jQuery   Слайдер jQuery   основы jQuery   основы javascript   объекты javascript   PHP ООП   SASS   AJAX примеры   выборка jQuery   Серверное программирование   атрибуты HTML   валидация формы   плагин validation   Twitter Bootstrap   Шаблоны javascript   webpack  

Что вы предпочитаете? Angular 2+ Vue React Остановился в развитии на jQuery Дизайны драконов для машинной вышивки Дизайны драконов для машинной вышивки Дизайны драконов для машинной вышивки Дизайны драконов для машинной вышивки Дизайны драконов для машинной вышивки Дизайны драконов для машинной вышивки Дизайны драконов для машинной вышивки Дизайны драконов для машинной вышивки Дизайны драконов для машинной вышивки Дизайны драконов для машинной вышивки Дизайны драконов для машинной вышивки Дизайны драконов для машинной вышивки

Читать далее:




Схема электронного балласта для трубчатых ламп 6




Как своими руками сделать полки под лестницей 7




Ажурная кофта вязаная своими руками




Схемы крючком для начинающих пледа




Поздравления с днем свадьбы 21 год совместной жизни