Просматривая бесчисленное множество сайтов в интернете, можно встретить такие, которые очень нам нравятся. Сразу же возникает ряд вопросов. Сайт сделан с помощью самописного кода или какой-нибудь CMS? Какие у него CSS стили? Какие у него мета-теги? И так далее.
Существует много инструментов, с помощью которых можно извлечь информацию о коде страницы сайта. Но под рукой у нас всегда есть правая кнопка мыши. Её-то мы и будем использовать, на примере моего сайта.
Как просмотреть код страницы?
Чтобы посмотреть исходный код страницы сайта, нужно навести курсор мыши на любую область веб-страницы (за исключением изображений и ссылок). После этого нажать на правую кнопку мыши. Перед нами откроется окно с несколькими опциями (в разных браузерах они могут немного отличаться). В браузере Google Chrome, например, это команды:
- назад;
- вперёд;
- перезагрузить;
- сохранить как;
- печать;
- перевести на русский;
- просмотр кода страницы
;
- просмотреть код.
Нам нужно кликнуть на просмотр кода страницы
, и перед нами откроется html код страницы сайта.
Просмотр кода страницы: на что обратить внимание?
Итак, Html код страницы представляет собой пронумерованный список строк, каждая из которых несёт информацию о том, как сделан данный сайт. Чтобы быстрей научиться разбираться в этом огромном количестве знаков и специальных символов, нужно различать разные участки кода.
Например, строки кода, находящиеся в внутри тега head содержат информацию для поисковых машин и веб-мастеров. Они не выводятся на сайт. Здесь можно увидеть, по каким ключевым словам продвигается эта страница, как написаны её title и description. Также здесь можно встретить ссылку, перейдя по которой узнаем о семействе google шрифтов, используемых на сайте.
Если сайт сделан на CMS WordPress или Joomla, то это также будет видно здесь. Например, в этой области выводится информация о теме WordPress или шаблоне Joomla сайта. Увидеть её можно, прочитав содержание ссылок, выделенных синим цветом. В одной ссылке виден шаблон сайта.
Например:
//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3
Мы увидим CSS стили шрифтов страницы. В данном случае используется шрифт. Это видно здесь – font-family: ‘Source Sans Pro’.
Данный сайт оптимизируется с помощью сео-плагина Yoast SEO. Это видно из этого закомментированного участка кода:
This site is optimized with the Yoast SEO plugin v3.4.2 — https://yoast.com/wordpress/plugins/seo/
Вся информация, находящаяся внутри тега body, выводится браузером на экране монитора. Здесь мы видим html код страницы, а в самом низу находится код скрипта Яндекс метрики. Он облечён закомментированным тегом с текстом:
/Yandex.Metrika counter
Подводим итоги
Проведя довольно поверхностный анализ кода главной страницы сайта, можно сделать вывод о том, с помощью каких инструментов сделана эта страница. Мы увидели на ней:
- CMS WordPress;
- Google шрифт Source Sans Pro;
- тема WordPress – Sydney;
- плагины Yoast;
- счётчик Яндекс метрики.
Теперь принцип анализа html кода страницы сайта вполне понятен. Совсем необязательно держать исследуемую страницу открытой в браузере. Сохранить код страницы себе на компьютер можно с помощью комбинаций клавиш ctrl+a, ctrl+c, ctrl+v. Вставьте её в любой текстовый редактор (лучше Notepad++) и сохраните с расширением html. Таким образом, вы в любое время сможете изучить её глубже и найти больше полезной для себя информации.
Вероятность заглянуть в начальный код
веб-страницы
, получаемый браузером в результат на запрос серверу, есть фактически в всяком интернет-обозревателе. Доступ к соответствующей команде организован приблизительно идентично, но есть значительные отличия в том, каким методом и в каком виде вам будет представлен начальный код
.
Инструкция
1.
В браузере Mozilla FireFox раскройте в меню раздел «Вид» и щелкните пункт «Начальный код
страницы
». Такой же пункт есть и в контекстном меню, которое возникает, если щелкнуть правой кнопкой мыши текст страницы
. Дозволено применять и сочетание клавиш CTRL + U. Mozilla FireFox при этом не использует внешних программ – начальный код
страницы
с подсветкой синтаксиса будет открыт в отдельном окне браузера.
2.
В обозревателе Internet Explorer щелкните в меню раздел «Файл» и выберите «Править в Блокнот». Взамен наименования Блокнот может быть написана иная программа, которую вы назначили в настройках браузера для просмотра начального код
а. По щелчку страницы
правой кнопкой мыши выпадает контекстное меню, в котором тоже есть пункт, дозволяющий открыть начальный код
страницы
во внешней программе – «Просмотр HTML-код
а».
3.
В браузере Opera откройте меню, перейдите в раздел «Страница» и у вас будет вероятность предпочесть в подразделе «Средства разработки» пункт «Начальный код
» либо пункт «Начальный код
фрейма». Такому выбору назначены жгучие клавиши CTRL + U и CTRL + SHIFT + U соответственно. В контекстном меню, привязанном к щелчку страницы
правой кнопкой мыши, тоже есть пункт «Начальный код
». Opera открывает исходник страницы
во внешней программе, которая назначена в ОС либо в настройках браузера для редактирования HTML-файлов.
4.
Браузер Google Chrome безо любых сомнений имеет лучшую организацию просмотра начального код
а. Щелкнув страницу правой кнопкой мыши, вы можете предпочесть пункт «Просмотра код
а страницы
» и тогда исходник с подсветкой синтаксиса будет открыт на отдельной вкладке. А можете предпочесть в том же меню строку «Просмотр код
а элемента» и браузер в этой же вкладке откроет два дополнительных фрейма, в которых вы можете инспектировать HTML- и CSS-код
всякого элемента страницы
. Браузер будет реагировать на перемещение курсора по строкам код
а, подсвечивая на странице элементы, соответствующие этому участку HTML-код
а.
5.
В браузере Apple Safari раскройте раздел «Вид» и выберите строку «Просмотр HTML-код
а». В меню, которое возникает по щелчку правой кнопкой открытой страницы
, соответствующий пункт назван «Посмотреть источник». Этому действию назначены жгучие клавиши CTRL + ALT + U. Начальный код
открывается в отдельном окне браузера.
Если открыть любую веб-страницу, то она будет содержать в себе типичные элементы,
которые не меняются от вида и направленности сайта. В примере 4.1 показан
код простого документа, содержащего основные теги.
Пример 4.1. Исходный код веб-страницы
Пример веб-страницы
Заголовок
Первый абзац.
Второй абзац.
Скопируйте содержимое данного примера и сохраните его в папке c:\www\ под
именем example41.html. После этого запустите браузер и откройте файл через пункт меню Файл > Открыть
файл (Ctrl+O)
. В диалоговом окне выбора документа укажите файл example41.html. В браузере откроется веб-страница, показанная на рис. 4.1.
Рис. 4.1. Результат выполнения примера
Элемент
предназначен для указания типа текущего документа -
DTD (document type definition, описание типа документа). Это необходимо, чтобы
браузер понимал, как следует интерпретировать текущую веб-страницу, ведь HTML
существует в нескольких версиях, кроме того, имеется XHTML (EXtensible HyperText
Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но
различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал,
согласно какому стандарту отображать веб-страницу и необходимо в первой строке
кода задавать
.
Существует несколько видов
, они различаются в зависимости
от версии HTML, на которую ориентированы. В табл. 4.1. приведены основные
типы документов с их описанием.
Табл. 4.1. Допустимые DTD
| DOCTYPE
|
Описание
|
|---|
| HTML 4.01
|
|
|
Строгий синтаксис HTML.
|
|
|
Переходный синтаксис HTML.
|
|
|
В HTML-документе применяются фреймы.
|
| HTML 5
|
|
|
В этой версии HTML только один доктайп.
|
| XHTML 1.0
|
|
|
Строгий синтаксис XHTML.
|
|
|
Переходный синтаксис XHTML.
|
|
|
Документ написан на XHTML и содержит фреймы.
|
| XHTML 1.1
|
|
|
Разработчики XHTML 1.1 предполагают,
что он постепенно вытеснит HTML. Как видите, никакого деления на виды
это определение не имеет, поскольку синтаксис один и подчиняется четким
правилам.
|
Разница между строгим и переходным описанием документа состоит в различном
подходе к написанию кода документа. Строгий HTML требует жесткого соблюдения
спецификации HTML и не прощает ошибок. Переходный HTML более «спокойно» относится
к некоторым огрехам кода, поэтому этот тип в определенных случаях использовать
предпочтительнее.
Например, в строгом HTML и XHTML непременно требуется наличие тега
,
а в переходном HTML его можно опустить и не указывать. При этом помним, что
браузер в любом случае покажет документ, независимо от того, соответствует
он синтаксису или нет. Подобная проверка осуществляется при помощи валидатора
и предназначена в первую очередь для разработчиков, чтобы отслеживать ошибки
в документе.</p>
<p>В дальнейшем будем применять преимущественно строгий <!DOCTYPE>
, кроме
случаев, когда это оговаривается особо. Это позволит нам избегать типичных
ошибок и приучит к написанию синтаксически правильного кода.</p>
<p>Часто можно встретить код HTML вообще без использования <!DOCTYPE>
,
веб-страница в подобном случае все равно будет показана. Тем не менее, может
получиться, что один и тот же документ отображается в браузере по-разному при
использовании <!DOCTYPE>
и без него. Кроме того,
браузеры могут по-своему показывать такие документы, в итоге страница «рассыплется»,
т.е. будет отображаться совсем не так, как это требуется разработчику. Чтобы
не произошло подобных ситуаций, всегда добавляйте <!DOCTYPE>
в начало документа.</p><p>Тег <html>
определяет начало HTML-файла, внутри него хранится заголовок
(<head>
) и тело документа (<body>
).</p><p>Заголовок документа, как еще называют блок <head>
, может содержать текст
и теги, но содержимое этого раздела не показывается напрямую на странице, за
исключением контейнера <title>
.</p><p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</p><p>Тег <meta>
является универсальным и добавляет целый класс возможностей,
в частности, с помощью метатегов, как обобщенно называют этот тег, можно изменять
кодировку страницы, добавлять ключевые слова, описание документа и многое другое.
Чтобы браузер понимал, что имеет дело с кодировкой UTF-8 (Unicode transformation format, формат преобразования Юникод) и добавляется данная строка.</p><p>
<title>Пример веб-страницы
Тег
определяет заголовок веб-страницы, это один из важных элементов
предназначенный для решения множества задач. В операционной системе Windows
текст заголовка отображается в левом верхнем углу окна браузера (рис. 4.2).</p>
<p><img src='https://i1.wp.com/htmlbook.ru/files/images/samhtml/fig_1_04_02.png' height="37" width="194" loading=lazy></p>
<p>Рис. 4.2. Вид заголовка в браузере</p>
<p>Тег <title>
является обязательным и должен непременно присутствовать
в коде документа.</p><p>Обязательно следует добавлять закрывающий тег </head>
, чтобы показать,
что блок заголовка документа завершен.</p><p>Тело документа <body>
предназначено для размещения тегов и содержательной
части веб-страницы.</p><p>
<h1>Заголовок</h1>
</p><p>HTML предлагает шесть текстовых заголовков разного уровня, которые показывают
относительную важность секции, расположенной после заголовка. Так, тег <h1>
представляет
собой наиболее важный заголовок первого уровня, а тег <h6>
служит
для обозначения заголовка шестого уровня и является наименее значительным.
По умолчанию, заголовок первого уровня отображается самым крупным шрифтом
жирного начертания, заголовки последующего уровня по размеру меньше. Теги <h1>...<h6>
относятся
к блочным элементам, они всегда начинаются с новой строки, а после них другие
элементы отображаются на следующей строке. Кроме того, перед заголовком и
после него добавляется пустое пространство.</p><p>
<!-- Комментарий -->
</p><p>Некоторый текст можно спрятать от показа в браузере, сделав его комментарием.
Хотя такой текст пользователь не увидит, он все равно будет передаваться
в документе, так что, посмотрев исходный код, можно обнаружить скрытые заметки.</p>
<p>Яндекс.Браузер может использоваться не только в качестве веб-обозревателя, но и как средство для создания интернет-страниц. Инструменты для разработки существуют в каждом веб-обозревателе, в том числе и в обсуждаемом нами на данный момент. Используя эти инструменты, пользователи могут смотреть коды HTML-страниц, следить за выполнением своих действий, отслеживать логи и находить ошибки в запущенных скриптах.</p>
<h2>Как открыть инструменты разработчика в Яндекс.Браузере</h2>
<p>Если вам необходимо открыть консоль для проведения каких-либо из описанных выше действий, то следуйте нашей инструкции.</p>
<p>Откройте меню и выберите пункт «<i>Дополнительно
</i>», в открывшемся списке выберите пункт «<i>Дополнительные инструменты
</i>», а затем один из трех пунктов:</p>
<ul><li>«<i>Показать код страницы
</i>»;</li>
<li>«<i>Инструменты разработчика
</i>»;</li>
<li>«<i>Консоль JavaScript
</i>».</li>
</ul><p><img src='https://i1.wp.com/lumpics.ru/wp-content/uploads/2017/01/Otkryit-instrumentyi-razrabotchikov-v-YAndeks.Brauzere.png' align="center" width="100%" loading=lazy></p>
<p>Все три инструмента имеют горячие клавиши для быстрого доступа к ним:</p>
<ul><li>Просмотр исходного кода страницы - <i>Ctrl+U
</i>;</li>
<li>Инструменты разработчика - <i>Ctrl+Shift+I
</i>;</li>
<li>Консоль JavaScript - <i>Ctrl+Shift+J
</i>.</li>
</ul><p><img src='https://i2.wp.com/lumpics.ru/wp-content/uploads/2017/01/Goryachie-klavishi-v-YAndeks.Brauzere.png' align="center" width="100%" loading=lazy></p>
<blockquote><p>Горячие клавиши работают при любой раскладке клавиатуры и с включенным CapsLock.</p>
</blockquote>
<p>Чтобы открыть консоль, вы можете выбрать пункт «<i>Консоль JavaScript
</i>», и тогда откроются инструменты разработчика на вкладке «<i>Console
</i>»:</p>
<p><img src='https://i0.wp.com/lumpics.ru/wp-content/uploads/2017/01/Konsol-v-YAndeks.Brauzere.png' align="center" height="772" width="556" loading=lazy></p>
<p>Аналогичным образом можно получить доступ к консоли, открыв через меню веб-обозревателя «<i>Инструменты разработчика
</i>» и вручную переключившись на вкладку «<i>Console
</i>».</p>
<p>Вы также можете открыть <i>«Инструменты разработчика»
</i>, нажав на клавишу F12. Этот способ является универсальным для многих браузеров. В этом случае опять же придется переключиться на вкладку «<i>Console
</i>» вручную.</p>
<p>Такие несложные способы запуска консоли значительно сократят ваше время и помогут сосредоточиться на создании и редактировании веб-страниц.</p>
<h3>Ctrl + U</h3>
<h3>Как посмотреть исходный код элемента?</h3>
<p>Нажмите правую кнопку мыши на интересующем элементе страницы.</p>
<p>Google Chrome
: <b>“Просмотр кода элемента”
</b></p>
<p>Opera
: <b>“Проинспектировать элемент”
</b></p>
<p><img src='https://i1.wp.com/wordpress-life.ru/wp-content/uploads/2013/10/code_opera.png' height="402" width="261" loading=lazy></p>
<p>FireFox
: <b>“Анализировать элемент”
</b></p>
<p><img src='https://i1.wp.com/wordpress-life.ru/wp-content/uploads/2013/10/code_firefox.png' height="298" width="222" loading=lazy></p>
<p>В других браузерах ищите подобный по смыслу пункт меню.</p>
<p>Всем привет!</p>
<p>Специально вначале статьи выложил всю суть, для тех, кто ищет быстрый ответ.</p>
<p>Информация может быть многим известна, но поскольку пишу для начинающих блоггеров, веб-программистов и прочих старателей, то эта справочная статья обязательно должна присутствовать.</p>
<p>В будущем вы обязательно будете изучать исходный код страниц и отдельных элементов.</p>
<p>Давайте посмотрим на конкретном примере как можно использовать просмотр исходного кода страницы.</p>
<p>Например, мы хотим посмотреть какие ключевые слова (keywords) используются для конкретной страницы. Заходим на интересующую нас веб-страницу и нажимаем Ctrl+U . В отдельном окне или в отдельной закладке откроется исходный код данной страницы. Нажимаем Ctrl+F <span>для поиска фрагмента кода. В данном случае печатаем в окне поиска слово “<i>keywords”.
</i>Вас автоматически перебросит на фрагмент кода с этим мета-тегом и выделит искомое слово.
</p>
<p>По аналогии можно искать и изучать другие фрагменты кода.</p>
<p>Просмотр всего исходного кода страницы в большинстве случаев не очень удобен, поэтому во всех браузерах существует возможность просмотреть код отдельного элемента или фрагмента.</p>
<p>Давайте применим на конкретном примере просмотр кода элемента. Например, посмотрим есть ли у ссылки атрибут nofollow . Нажимаем правой кнопкой мыши на интересующей нас ссылке и в выпадающем контекстном меню левой кнопкой кликаем по пункту <span>“Просмотр кода элемента”
</span> или подобному (в зависимости от вашего браузера). Внизу, в специальном окне для анализа кода, получаем нечто подобное.</p>
<p>Мы видим, что в коде ссылки присутствует rel=”nofollow” . Это значит, что по этой ссылке не будет “утекать” и PR. Об этом подробней поговорим в следующих статьях. Сейчас же важно то, что вы теперь знаете как посмотреть исходный код страницы и исходный код отдельного элемента.</p>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy>");</script>
</div>
</article>
<div class="center"><em>Эта статья также доступна на следующих языках: <a href="/th/ebay-100/">Тайский</a><br><br></em>
</div>
<div class="share42init" data-url="/luchshie-magazinyi-ebay-spisok-100/" data-title="Лучшие магазины eBay: список 100+"></div>
<script type="text/javascript" src="/wp-includes/share42/share42.js"></script>
<div id="disqus_thread">
<div id="dsq-content">
<ul id="dsq-comments">
<li class="comment even thread-even depth-1" id="dsq-comment-1071">
<div id="dsq-comment-header-1071" class="dsq-comment-header">
<cite id="dsq-cite-1071">
<span id="dsq-author-user-1071">Next</span>
</cite>
</div>
<div id="dsq-comment-body-1071" class="dsq-comment-body">
<div id="dsq-comment-message-1071" class="dsq-comment-message"><p>Огромное Вам СПАСИБО за очень полезную информацию в статье. Очень понятно все изложено. Чувствуется, что проделана большая работа по анализу работы магазина eBay</p>
</div>
</div>
<ul class="children">
<li class="comment odd alt depth-2" id="dsq-comment-1072">
<div id="dsq-comment-header-1072" class="dsq-comment-header">
<cite id="dsq-cite-1072">
<a id="dsq-author-user-1072" href="/" target="_blank" >rootshell</a>
</cite>
</div>
<div id="dsq-comment-body-1072" class="dsq-comment-body">
<div id="dsq-comment-message-1072" class="dsq-comment-message"><p>Спасибо вам и другим постоянным читателям моего блога. Без вас у меня не было бы достаточной мотивации, чтобы посвящать много времени ведению этого сайта. У меня мозги так устроены: люблю копнуть вглубь, систематизировать разрозненные данные, пробовать то, что раньше до меня никто не делал, либо не смотрел под таким углом зрения. Жаль, что только нашим соотечественникам из-за кризиса в России отнюдь не до шоппинга на eBay. Покупают на Алиэкспрессе из Китая, так как там в разы дешевле товары (часто в ущерб качеству). Но онлайн-аукционы eBay, Amazon, ETSY легко дадут китайцам фору по ассортименту брендовых вещей, винтажных вещей, ручной работы и разных этнических товаров.</p>
</div>
</div>
<ul class="children">
<li class="comment even depth-3" id="dsq-comment-1073">
<div id="dsq-comment-header-1073" class="dsq-comment-header">
<cite id="dsq-cite-1073">
<span id="dsq-author-user-1073">Next</span>
</cite>
</div>
<div id="dsq-comment-body-1073" class="dsq-comment-body">
<div id="dsq-comment-message-1073" class="dsq-comment-message"><p>В ваших статьях ценно именно ваше личное отношение и анализ темы. Вы этот блог не бросайте, я сюда часто заглядываю. Нас таких много должно быть. Мне на эл. почту пришло недавно предложение о том, что научат торговать на Амазоне и eBay. И я вспомнила про ваши подробные статьи об этих торг. площ. Перечитала все заново и сделала вывод, что курсы- это лохотрон. Сама на eBay еще ничего не покупала. Я не из России , а из Казахстана (г. Алматы). Но нам тоже лишних трат пока не надо. Желаю вам удачи и берегите себя в азиатских краях.</p>
</div>
</div>
</li>
</ul>
</li>
</ul>
</li>
<li class="comment odd alt thread-odd thread-alt depth-1" id="dsq-comment-1281">
<div id="dsq-comment-header-1281" class="dsq-comment-header">
<cite id="dsq-cite-1281">
<a id="dsq-author-user-1281" href="/" target="_blank" >rootshell</a>
</cite>
</div>
<div id="dsq-comment-body-1281" class="dsq-comment-body">
<div id="dsq-comment-message-1281" class="dsq-comment-message"><p>Еще приятно, что попытки eBay по руссификации интерфейса для пользователей из России и стран СНГ, начали приносить плоды. Ведь подавляющая часть граждан стран бывшего СССР не сильна познаниями иностранных языков. Английский язык знают не более 5% населения. Среди молодежи — побольше. Поэтому хотя бы интерфейс на русском языке — это большая помощь для онлайн-шоппинга на этой торговой площадке. Ебей не пошел по пути китайского собрата Алиэкспресс, где совершается машинный (очень корявый и непонятный, местами вызывающий смех) перевод описания товаров. Надеюсь, что на более продвинутом этапе развития искусственного интеллекта станет реальностью качественный машинный перевод с любого языка на любой за считанные доли секунды. Пока имеем вот что (профиль одного из продавцов на ебей с русским интерфейсом, но англоязычным описанием):<br />
https://uploads.disquscdn.com/images/7a52c9a89108b922159a4fad35de0ab0bee0c8804b9731f56d8a1dc659655d60.png</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div id="sidebar-bottom">
<aside id="sidebar-1" class="sidebar">
<div id="categories-2" class="widget widget_categories"><h4 class="widgettitle">Разделы</h4> <ul>
<li class="cat-item"><a href="/category/configuring-windows/">Настройка Windows</a>
</li>
<li class="cat-item"><a href="/category/hardware-solutions/">Аппаратные решения</a>
</li>
<li class="cat-item"><a href="/category/windows-10/">Windows 10</a>
</li>
<li class="cat-item"><a href="/category/internet-tips/">Интернет-подсказки</a>
</li>
<li class="cat-item"><a href="/category/useful-programs/">Полезные программы</a>
</li>
<li class="cat-item"><a href="/category/configuring-wi-fi/">Настройка Wi-Fi</a>
</li>
<li class="cat-item"><a href="/category/tips-for-beginners/">Советы начинающим</a>
</li>
<li class="cat-item"><a href="/category/solving-problems/">Решение проблем</a>
</li>
</ul>
</div><div id="text_icl-3" class="widget widget_text_icl"> <div class="textwidget"><p><a href="" rel="alternate" type="application/rss+xml"><img src="//feedburner.google.com/fb/images/pub/feed-icon32x32.png" alt="" style="vertical-align:middle;border:0"/ loading=lazy></a> <a href=""
rel="alternate" type="application/rss+xml">Подписаться на RSS</a></p></div>
</div><div id="text_icl-7" class="widget widget_text_icl"> <div class="textwidget"><div class="center"></div></div>
</div><div id="text_icl-8" class="widget widget_text_icl"> <div class="textwidget"></div>
</div><div id="text_icl-13" class="widget widget_text_icl">
</div><div id="text_icl-14" class="widget widget_text_icl">
</div>
</aside>
<aside id="sidebar-2" class="sidebar">
</aside>
</div>
</section>
<footer id="footer">
<div class="center">Разрешается копирование материалов сайта с обязательной ссылкой на <a href="/">makewap.ru</a>
</div>
</footer>
</div>
<script type='text/javascript'>
/* <![CDATA[ */
var scriptParams = { "google_search_engine_id":"007248068859778613277:ewdxetioq-u"} ;
/* ]]> */
</script>
<script type='text/javascript' src='https://makewap.ru/wp-content/plugins/wp-google-search/assets/js/google_cse_v2.js?ver=1'></script>
<script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.9'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9'></script>
<script>
window.__bp_session_timeout = '900';
window.__bp_session_freezing = 0;
!function() {
window.bizpanda || (window.bizpanda = { }), window.bizpanda.bp_can_store_localy = function() {
return !1
} , window.bizpanda.bp_ut_get_cookie = function(e) {
for( var n = e + "=", i = document.cookie.split(";"), o = 0; o < i.length; o++ ) {
for( var t = i[o]; " " == t.charAt(0); ) {
t = t.substring(1);
}
if( 0 == t.indexOf(n) ) {
return decodeURIComponent(t.substring(n.length, t.length))
}
}
return !1
} , window.bizpanda.bp_ut_set_cookie = function(e, n, i) {
var o = new Date;
o.setTime(o.getTime() + 24 * i * 60 * 60 * 1e3);
var t = "expires=" + o.toUTCString();
document.cookie = e + "=" + encodeURIComponent(n) + "; " + t + "; path=/"
} , window.bizpanda.bp_ut_get_obj = function(e) {
var n = null;
return (n = window.bizpanda.bp_can_store_localy()
? window.localStorage.getItem("bp_ut_session")
: window.bizpanda.bp_ut_get_cookie("bp_ut_session"))
? (n = JSON.parse(n), n.started + 1e3 * e < (new Date).getTime() && (n = null), n)
: !1
} , window.bizpanda.bp_ut_set_obj = function(e) {
e.started && window.__bp_session_freezing || (e.started = (new Date).getTime());
var e = JSON.stringify(e);
window.bizpanda.bp_can_store_localy()
? window.localStorage.setItem("bp_ut_session", e)
: window.bizpanda.bp_ut_set_cookie("bp_ut_session", e, 5e3)
} , window.bizpanda.bp_ut_count_pageview = function() {
var e = window.bizpanda.bp_ut_get_obj(window.__bp_session_timeout);
e || (e = { }), e.pageviews || (e.pageviews = 0), 0 === e.pageviews && (e.referrer = document.referrer, e.landingPage = window.location.href, e.pageviews = 0), e.pageviews++, window.bizpanda.bp_ut_set_obj(e)
} , window.bizpanda.bp_ut_count_locker_pageview = function() {
var e = window.bizpanda.bp_ut_get_obj(window.__bp_timeout);
e || (e = { }), e.lockerPageviews || (e.lockerPageviews = 0), e.lockerPageviews++, window.bizpanda.bp_ut_set_obj(e)
} , window.bizpanda.bp_ut_count_pageview()
} ();
</script>
</body>
</html>
