Каким бы мощным ни был HTML-редактор, пользователя в первую очередь интересует его основная функция: редактирование кода веб-страниц. Впервые запустив HomeSite, начинающий вебмастер видит рабочую область с двумя вкладками: Edit (Редактировать) и Browse (Просмотр). Интуитивно понятно, что первая вкладка предназначена для ввода и редактирования кода, а вторая позволяет увидеть результат. Но как вводить код? Неужели так же, как в обычный текстовый редактор типа Блокнота Windows? В принципе, можно поступать и так, но HomeSite, к счастью, имеет множество дополнительных функций, облегчающих эту довольно утомительную работу.
Начнем с того, что каждый новый документ создается по некоему шаблону, включающему элементы будущей HTML-страницы. По умолчанию в этом шаблоне присутствуют самые основные теги: , ,
, и <BODY>. Однако в процессе работы пользователь может сам создавать такие шаблоны, в которые, помимо указанных основных тегов, могут быть включены все обязательные для сайта элементы: логотип, код баннерной сети или счетчика и так далее. Другими словами, сохранив все постоянные элементы в шаблоне, можно в дальнейшем создавать новые и новые страницы, заботясь лишь о том, чтобы вписать необходимый контент в предназначенные для этого области страницы.</p>
<p>Основным инструментом быстрого ввода кода в HomeSite является панель <b>Quick Bar</b>. Панель состоит из нескольких тематических вкладок, на каждой из которых представлены иконки для быстрой вставки тегов соответствующей группы. Так, на вкладке <b>Fonts</b> представлены основные теги форматирования текста, на вкладке <b>Tables</b> — теги, необходимые для создания таблиц, и так далее:</p>
<table align=center >
<tr>
<td align=center class=text_picture><img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=" class=" pk-lazyload" data-pk-sizes="auto" data-pk-src="https://www.marketer.ru/images/030821quickbarfonts.gif" ></td>
</tr>
<tr>
<td align=center><a class=text_picture>Вкладка Fonts панели Quick Bar отвечает за форматирование текста</a></td>
</tr>
</table>
<p><p>Различные иконки панели <b>Quick Bar</b> ведут себя по-разному после нажатия на них. Например, после клика по иконке, отвечающей за тег перевода строки, тег <br> будет просто вставлен на страницу, поскольку он не поддерживает никаких дополнительных атрибутов и, следовательно, не нуждается в какой-то настройке. Совсем другое дело, если нажата, например, иконка тега гиперссылки (<a>). В этом случае откроется диалоговое окно, в котором можно указать значения всех атрибутов, используемых с этим тегом:</p>
<table align=center >
<tr>
<td align=center class=text_picture><img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=" class=" pk-lazyload" data-pk-sizes="auto" data-pk-src="https://www.marketer.ru/images/030821anchortag.gif" ></td>
</tr>
</table>
<p><p>Если заполнить окно так, как это сделано на иллюстрации, то в итоге мы получим следующий код гиперссылки:<br /> <i><a href=»http://hostinfo.ru/» title=»Ссылка на издание Hostinfo.ru»>Hostinfo.ru</a></i>.</p>
</p>
</td>
<td width="225" align="left"> </td>
</tr>
<tr valign="top">
<td width="718">
<p>Кроме того, в HomeSite включены несколько мастеров, упрощающих ввод кода таблиц, фреймов, глоссария, страницы с содержанием (картой) сайта. Часть этих мастеров доступна с той же панели <b>Quick Bar</b>, а полный их список откроется после выбора пункта <i>New…</i> меню <i>File</i>. К примеру, <b>Table Wizard</b> (<i>Мастер построения таблиц</i>) позволяет набросать «черновик» таблицы любой сложности и тут же определить атрибуты всей таблицы или отдельных строк, столбцов и даже ячеек. Само собой, мастер не позволит сразу же изготовить таблицу «под ключ», в процессе дальнейшего редактирования придется неоднократно подправлять те или иные значения. Однако если вы серьезно отнеслись к предварительному этапу работы и хорошо представляете себе таблицу, которая должна получиться в результате, исправления сведутся к минимуму.</p>
<table align=center >
<tr>
<td align=center class=text_picture><img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=" class=" pk-lazyload" data-pk-sizes="auto" data-pk-src="https://www.marketer.ru/images/030821table_wizard.gif" ></td>
</tr>
</table>
</td>
<td width="225" align="left">
<table width="225" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td bgcolor="#F5F6F7" class="right_info"><i>Прежде чем писать код страницы, стоит хорошо представить себе ее структуру и расположение основных элементов. Совсем не лишним будет предварительно сделать черновой набросок на бумаге</i></td>
<td background="/img/bg_right7.gif" style="background-repeat: repeat-y;"><img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=" class=" pk-lazyload" data-pk-sizes="auto" data-pk-src="https://www.marketer.ru/images/right4.gif" ></td>
</tr>
</table>
</td>
</tr>
<tr valign="top">
<td
width="718"> </p>
<p>Многие пользователи совершенно справедливо предпочитают для выполнения некоторых операций пользоваться комбинациями клавиш, а не мышью. И при вводе HTML-кода такой метода работы зачастую оказывается более удобным. Например, для вставки тега перевода строки проще и быстрее нажать комбинацию <i>Shift+Ctrl+b</i>, чем кликнуть по соответствующей иконке в панели <i>Quick Bar</i>. Точно так же для выделения фрагмента текста жирным шрифтом удобно выделить его мышью и нажать комбинацию <i>Ctrl+b</i>.</p>
<p>В процессе неизбежного редактирования придется вносить те или иные изменения в имеющийся код. Это можно делать, используя панель так называемого <b>Tag Inspector</b>. Панель несложно отыскать в левой части окна HomeSite. В верхней части панели перечислены использованные на странице теги. Последовательно перемещая по ним курсор, можно видеть в нижней части панели список всех доступных для данного тега атрибутов и тут же редактировать их значения.</p>
<table align=center >
<tr>
<td align=center class=text_picture><img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=" class=" pk-lazyload" data-pk-sizes="auto" data-pk-src="https://www.marketer.ru/images/030821tag_inspector.gif" ></td>
</tr>
</table>
<p><p>Впрочем, HomeSite может подсказать, какие атрибуты допустимы в том или ином теге, непосредственно при наборе кода вручную. За это отвечает встроенная функция <i>Tag Insight List</i>. Работает она очень просто. Если при вводе кода вы набрали открывающую угловую скобку <i><</i> и сделали секундную паузу, автоматически появится выпадающий список, в котором перечислены наиболее употребляемые теги. Мол, выбирай, что нужно. Допустим, выбран тег <i>font</i>. Вводим пробел и снова делаем секундную паузу. Вновь откроется выпадающий список, в котором перечислены атрибуты, которые можно использовать с данным тегом: <i>class, color, dir, face</i> и так далее. И этот список с доступными атрибутами будет появляться до тех пор, пока тег не будет закрыт скобкой <i>></i>. В настройках редактора можно указать продолжительность паузы (в секундах), после которой будет появляться список <i>Tag Insight</i>. Да и сам список чаще всего используемых тегов (но не их атрибутов!) можно редактировать, исходя из собственных потребностей.</p>
</p>
</td>
<td width="225" align="left">
<table width="225" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td bgcolor="#F5F6F7" class="right_info"><i>HomeSite позволяет пользователю самостоятельно определять удобные ему комбинации клавиш. Для этого достаточно выбрать пункт <i>Customize</i> из меню <i>Options</i> и внести нужные изменения в установки, принятые по умолчанию</i></td>
<td background="/img/bg_right7.gif" style="background-repeat: repeat-y;"><img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=" class=" pk-lazyload" data-pk-sizes="auto" data-pk-src="https://www.marketer.ru/images/right4.gif" ></td>
</tr>
</table>
</td>
</tr>
<tr valign="top">
<td width="718">
<p>Но и этим возможности HomeSite в области быстрого ввода и редактирования HTML-кода не исчерпываются. Предусмотрена и мощная функция <i>Auto Completion</i> (<i>Автозавершение</i>). Ее суть объясним на следующем примере. Если необходимо вставить в код страницы комментарий, нужно ввести следующую последовательность символов: <i><!—<b>текст комментария</b>—></i>. Если же в настройках редактора включена функция автозавершения, то достаточно набрать только <i><!—</i> и, разумеется, сам текст комментария, а завершающий тег редактор впишет сам.</p>
<p>Очень удобным и полезным инструментом быстрого ввода кода является так называемая панель <i>Snippets</i> (<i>Фрагменты</i>). Довольно часто на странице используются повторяющийся код. Например, для оформления цитат могут использоваться горизонтальные линии, выделение особым цветом и так далее. Для выполнения подобного форматирования необходимо постоянно записывать одни и те же теги до и после оформляемого фрагмента текста. инструмент <i>Snippets</i> значительно упрощает эту рутинную процедуру. Любой набор тегов и вообще любой код могут быть сохранены в виде отдельного файла, доступ к которому осуществляется из панели <i>Snippets</i>. При необходимости вставить в страницу такой код достаточно выбрать соответствующий <i>snippet</i> в панели и двойным щелчком мыши по нему разместить код на странице. Особенно удобно, что в каждом таком файле можно сохранять два фрагмента кода: открывающий и завершающий.</p>
<p>Отдельного упоминания заслуживает справочник специальных символов. большинство вебмастеров пренебрегают их употреблением: пишут <i>1/2</i> вместо <i>½</i> или <i>(с)</i> вместо <i>c</i>. Такое пренебрежение объясняется просто: запомнить HTML-коды всех спецсимволов довольно затруднительно. Но страница, текст которой не оформлен по правилам типографики, заметно проигрывает, выглядит как-то легковесно. Поэтому стоит уделять спецсимволам больше внимания. Благо, HomeSite (да и другие HTML-редакторы этого класса) имеет встроенный справочник, с которым очень легко обращаться.</p>
<p>То же самое относится и к цветам различных элементов страницы: ф</p>
</section>
</div><!-- .post-main -->
</div><!-- .entry-wrap -->
<section class="post-author">
<div class="authors-default">
<div class="author-wrap">
<div class="author">
<div class="author-avatar">
<a href="https://www.marketer.ru/author/admin/" rel="author">
<img alt='' src='https://secure.gravatar.com/avatar/ce8ea44d58b73133267490a51e9d9b74eb032ee73cc758fa625b5ec34f592fb0?s=120&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/ce8ea44d58b73133267490a51e9d9b74eb032ee73cc758fa625b5ec34f592fb0?s=240&d=mm&r=g 2x' class='avatar avatar-120 photo' height='120' width='120' decoding='async'/> </a>
</div>
<div class="author-description">
<h5><span class="fn"><a href="https://www.marketer.ru/author/admin/" rel="author">Алексей Волков</a></span></h5>
<p class="note"></p>
</div>
</div>
</div>
</div>
</section>
<section class="posts-pagination">
<article class="post-pagination post-previous">
<a href="https://www.marketer.ru/internet/site/admin/hosting/obzornaya-statya-o-colocation/" class="pagination-title">Предыдущий материал</a>
<div class="pagination-content">
<div class="overlay">
<div class="overlay-media">
</div>
<div class="overlay-outer">
<div class="overlay-inner">
<div class="meta-category"><ul class="post-categories">
<li><a href="https://www.marketer.ru/category/internet/site/admin/hosting/" rel="category tag">Хостинг</a></li></ul></div> <h4>Обзорная статья о colocation</h4>
<ul class="post-meta"><li class="meta-date"><a href="https://www.marketer.ru/internet/site/admin/hosting/obzornaya-statya-o-colocation/" rel="bookmark">19.08.2003</a></li><li class="meta-author"><span class="author"><a class="url fn n" href="https://www.marketer.ru/author/admin/" title="View all posts by Алексей Волков">Алексей Волков</a></span></li></ul> <div class="post-more"><a href="https://www.marketer.ru/internet/site/admin/hosting/obzornaya-statya-o-colocation/" class="button button-primary button-effect"><span>Подробнее</span><span><i class="cs-icon cs-icon-arrow-left"></i></span></a></div> </div>
</div>
<a href="https://www.marketer.ru/internet/site/admin/hosting/obzornaya-statya-o-colocation/" class="overlay-link"></a>
</div>
</div>
</article>
<article class="post-pagination post-next">
<a href="https://www.marketer.ru/internet/seo/runet-portret-v-rax-interere/" class="pagination-title">Следующий материал</a>
<div class="pagination-content">
<div class="overlay">
<div class="overlay-media">
</div>
<div class="overlay-outer">
<div class="overlay-inner">
<div class="meta-category"><ul class="post-categories">
<li><a href="https://www.marketer.ru/category/internet/seo/" rel="category tag">SEO</a></li></ul></div> <h4>Рунет: портрет в Rax-интерьере</h4>
<ul class="post-meta"><li class="meta-date"><a href="https://www.marketer.ru/internet/seo/runet-portret-v-rax-interere/" rel="bookmark">27.08.2003</a></li><li class="meta-author"><span class="author"><a class="url fn n" href="https://www.marketer.ru/author/admin/" title="View all posts by Алексей Волков">Алексей Волков</a></span></li></ul> <div class="post-more"><a href="https://www.marketer.ru/internet/seo/runet-portret-v-rax-interere/" class="button button-primary button-effect"><span>Подробнее</span><span><i class="cs-icon cs-icon-arrow-right"></i></span></a></div> </div>
</div>
<a href="https://www.marketer.ru/internet/seo/runet-portret-v-rax-interere/" class="overlay-link"></a>
</div>
</div>
</article>
</section>
<section class="section-related-posts">
<h5 class="cnvs-block-section-heading is-style-cnvs-block-section-heading-default halignleft "><span class="cnvs-section-title"><span>Вас также может заинтересовать</span></span></h5>
<div class="cnvs-block-posts pk-block-posts-single cnvs-block-posts-layout-carousel">
<div class="cs-block-carousel">
<div class="slider-container slider-loop" data-columns="3">
<div class="owl-carousel">
<article class="layout-size-large post-2590 post type-post status-publish format-standard category-html">
<div class="post-thumbnail">
<div class="post-more">
<a href="https://www.marketer.ru/internet/site/coding/html/optimizaciya-vazhnost-tega-title/" class="button-link">
<span>Подробнее</span>
</a>
</div>
<a href="https://www.marketer.ru/internet/site/coding/html/optimizaciya-vazhnost-tega-title/"></a>
</div>
<div class="meta-category"><ul class="post-categories">
<li><a href="https://www.marketer.ru/category/internet/site/coding/html/" rel="category tag">HTML</a></li></ul></div>
<h2 class="entry-title">
<a href="https://www.marketer.ru/internet/site/coding/html/optimizaciya-vazhnost-tega-title/">Оптимизация. Важность тега TITLE</a>
</h2>
<ul class="post-meta"><li class="meta-author"><span class="author"><a class="url fn n" href="https://www.marketer.ru/author/admin/" title="View all posts by Алексей Волков">Алексей Волков</a></span></li><li class="meta-date"><a href="https://www.marketer.ru/internet/site/coding/html/optimizaciya-vazhnost-tega-title/" rel="bookmark">30.11.2009</a></li></ul>
</article>
<article class="layout-size-large post-2558 post type-post status-publish format-standard category-html">
<div class="post-thumbnail">
<div class="post-more">
<a href="https://www.marketer.ru/internet/site/coding/html/sovety-nachinayushhemu-verstalshhiku-html/" class="button-link">
<span>Подробнее</span>
</a>
</div>
<a href="https://www.marketer.ru/internet/site/coding/html/sovety-nachinayushhemu-verstalshhiku-html/"></a>
</div>
<div class="meta-category"><ul class="post-categories">
<li><a href="https://www.marketer.ru/category/internet/site/coding/html/" rel="category tag">HTML</a></li></ul></div>
<h2 class="entry-title">
<a href="https://www.marketer.ru/internet/site/coding/html/sovety-nachinayushhemu-verstalshhiku-html/">Советы начинающему верстальщику HTML</a>
</h2>
<ul class="post-meta"><li class="meta-author"><span class="author"><a class="url fn n" href="https://www.marketer.ru/author/admin/" title="View all posts by Алексей Волков">Алексей Волков</a></span></li><li class="meta-date"><a href="https://www.marketer.ru/internet/site/coding/html/sovety-nachinayushhemu-verstalshhiku-html/" rel="bookmark">25.11.2009</a></li></ul>
</article>
<article class="layout-size-large post-2490 post type-post status-publish format-standard category-html">
<div class="post-thumbnail">
<div class="post-more">
<a href="https://www.marketer.ru/internet/site/coding/html/html-doloj-teg-hr-iz-html-razmetki/" class="button-link">
<span>Подробнее</span>
</a>
</div>
<a href="https://www.marketer.ru/internet/site/coding/html/html-doloj-teg-hr-iz-html-razmetki/"></a>
</div>
<div class="meta-category"><ul class="post-categories">
<li><a href="https://www.marketer.ru/category/internet/site/coding/html/" rel="category tag">HTML</a></li></ul></div>
<h2 class="entry-title">
<a href="https://www.marketer.ru/internet/site/coding/html/html-doloj-teg-hr-iz-html-razmetki/">HTML — Долой тег hr из html разметки</a>
</h2>
<ul class="post-meta"><li class="meta-author"><span class="author"><a class="url fn n" href="https://www.marketer.ru/author/admin/" title="View all posts by Алексей Волков">Алексей Волков</a></span></li><li class="meta-date"><a href="https://www.marketer.ru/internet/site/coding/html/html-doloj-teg-hr-iz-html-razmetki/" rel="bookmark">14.11.2009</a></li></ul>
</article>
<article class="layout-size-large post-523 post type-post status-publish format-standard category-html">
<div class="post-thumbnail">
<div class="post-more">
<a href="https://www.marketer.ru/internet/site/coding/html/rezinovaya-ramka-s-figurnymi-uglami/" class="button-link">
<span>Подробнее</span>
</a>
</div>
<a href="https://www.marketer.ru/internet/site/coding/html/rezinovaya-ramka-s-figurnymi-uglami/"></a>
</div>
<div class="meta-category"><ul class="post-categories">
<li><a href="https://www.marketer.ru/category/internet/site/coding/html/" rel="category tag">HTML</a></li></ul></div>
<h2 class="entry-title">
<a href="https://www.marketer.ru/internet/site/coding/html/rezinovaya-ramka-s-figurnymi-uglami/">«Резиновая» рамка с фигурными углами</a>
</h2>
<ul class="post-meta"><li class="meta-author"><span class="author"><a class="url fn n" href="https://www.marketer.ru/author/alexvolkov/" title="View all posts by alexvolkov">alexvolkov</a></span></li><li class="meta-date"><a href="https://www.marketer.ru/internet/site/coding/html/rezinovaya-ramka-s-figurnymi-uglami/" rel="bookmark">27.07.2005</a></li></ul>
</article>
<article class="layout-size-large post-50 post type-post status-publish format-standard category-html">
<div class="post-thumbnail">
<div class="post-more">
<a href="https://www.marketer.ru/internet/site/coding/html/sozdaj-svoyu-web-stranicu-za-pyat-minut/" class="button-link">
<span>Подробнее</span>
</a>
</div>
<a href="https://www.marketer.ru/internet/site/coding/html/sozdaj-svoyu-web-stranicu-za-pyat-minut/"></a>
</div>
<div class="meta-category"><ul class="post-categories">
<li><a href="https://www.marketer.ru/category/internet/site/coding/html/" rel="category tag">HTML</a></li></ul></div>
<h2 class="entry-title">
<a href="https://www.marketer.ru/internet/site/coding/html/sozdaj-svoyu-web-stranicu-za-pyat-minut/">Создай свою Web-страницу за пять минут!</a>
</h2>
<ul class="post-meta"><li class="meta-author"><span class="author"><a class="url fn n" href="https://www.marketer.ru/author/admin/" title="View all posts by Алексей Волков">Алексей Волков</a></span></li><li class="meta-date"><a href="https://www.marketer.ru/internet/site/coding/html/sozdaj-svoyu-web-stranicu-za-pyat-minut/" rel="bookmark">31.03.2005</a></li></ul>
</article>
<article class="layout-size-large post-1238 post type-post status-publish format-standard category-html">
<div class="post-thumbnail">
<div class="post-more">
<a href="https://www.marketer.ru/internet/site/coding/html/bloknotik-s-podsvetkoj/" class="button-link">
<span>Подробнее</span>
</a>
</div>
<a href="https://www.marketer.ru/internet/site/coding/html/bloknotik-s-podsvetkoj/"></a>
</div>
<div class="meta-category"><ul class="post-categories">
<li><a href="https://www.marketer.ru/category/internet/site/coding/html/" rel="category tag">HTML</a></li></ul></div>
<h2 class="entry-title">
<a href="https://www.marketer.ru/internet/site/coding/html/bloknotik-s-podsvetkoj/">Блокнотик с подсветкой</a>
</h2>
<ul class="post-meta"><li class="meta-author"><span class="author"><a class="url fn n" href="https://www.marketer.ru/author/admin/" title="View all posts by Алексей Волков">Алексей Волков</a></span></li><li class="meta-date"><a href="https://www.marketer.ru/internet/site/coding/html/bloknotik-s-podsvetkoj/" rel="bookmark">31.03.2005</a></li></ul>
</article>
<article class="layout-size-large post-1236 post type-post status-publish format-standard category-html">
<div class="post-thumbnail">
<div class="post-more">
<a href="https://www.marketer.ru/internet/site/coding/html/vybiraem-html-redaktor/" class="button-link">
<span>Подробнее</span>
</a>
</div>
<a href="https://www.marketer.ru/internet/site/coding/html/vybiraem-html-redaktor/"></a>
</div>
<div class="meta-category"><ul class="post-categories">
<li><a href="https://www.marketer.ru/category/internet/site/coding/html/" rel="category tag">HTML</a></li></ul></div>
<h2 class="entry-title">
<a href="https://www.marketer.ru/internet/site/coding/html/vybiraem-html-redaktor/">Выбираем HTML-редактор</a>
</h2>
<ul class="post-meta"><li class="meta-author"><span class="author"><a class="url fn n" href="https://www.marketer.ru/author/admin/" title="View all posts by Алексей Волков">Алексей Волков</a></span></li><li class="meta-date"><a href="https://www.marketer.ru/internet/site/coding/html/vybiraem-html-redaktor/" rel="bookmark">14.08.2003</a></li></ul>
</article>
<article class="layout-size-large post-1235 post type-post status-publish format-standard category-html">
<div class="post-thumbnail">
<div class="post-more">
<a href="https://www.marketer.ru/internet/site/coding/html/html-v-studiyu/" class="button-link">
<span>Подробнее</span>
</a>
</div>
<a href="https://www.marketer.ru/internet/site/coding/html/html-v-studiyu/"></a>
</div>
<div class="meta-category"><ul class="post-categories">
<li><a href="https://www.marketer.ru/category/internet/site/coding/html/" rel="category tag">HTML</a></li></ul></div>
<h2 class="entry-title">
<a href="https://www.marketer.ru/internet/site/coding/html/html-v-studiyu/">HTML в студию</a>
</h2>
<ul class="post-meta"><li class="meta-author"><span class="author"><a class="url fn n" href="https://www.marketer.ru/author/admin/" title="View all posts by Алексей Волков">Алексей Волков</a></span></li><li class="meta-date"><a href="https://www.marketer.ru/internet/site/coding/html/html-v-studiyu/" rel="bookmark">05.05.2003</a></li></ul>
</article>
</div>
<div class="owl-dots"></div>
</div>
</div>
</div>
<style>
.section-related-posts article .entry-title {
font-size: 1rem }
</style>
</section>
<section id="comments" class="post-comments">
<div id="respond" class="comment-respond">
<h2 id="reply-title" class="comment-reply-title">Добавить комментарий</h2><p class="must-log-in">Для отправки комментария вам необходимо <a href="https://www.marketer.ru/wp-login.php?redirect_to=https%3A%2F%2Fwww.marketer.ru%2Finternet%2Fsite%2Fcoding%2Fhtml%2Fhtml-redaktor-vot-i-redaktiruj%2F">авторизоваться</a>.</p> </div><!-- #respond -->
</section><!-- .comments-area -->
</article>
</main>
</div><!-- .content-area -->
<aside id="secondary" class="sidebar-area widget-area" role="complementary">
<div class="sidebar sidebar-1">
<div class="widget powerkit_widget_posts-3 powerkit_widget_posts"><h5 class="cnvs-block-section-heading is-style-cnvs-block-section-heading-default halignleft title-widget "><span class="cnvs-section-title"><span>Свежие посты</span></span></h5>
<div class="widget-body pk-widget-posts pk-widget-posts-template-default pk-widget-posts-template-list posts-per-page-5">
<ul>
<li class="pk-post-item">
<article class="post-61787 post type-post status-publish format-standard category-pozicionirovanie">
<div class="post-outer">
<div class="post-inner">
<h5 class="media-heading entry-title"><a href="https://www.marketer.ru/adv/brending/pozicionirovanie/reason-to-believe/">Концепция Reason to believe RTB</a></h5>
<ul class="post-meta"><li class="meta-date"><a href="https://www.marketer.ru/adv/brending/pozicionirovanie/reason-to-believe/" rel="bookmark">15.04.26</a></li></ul> </div>
</div>
</article>
</li>
<li class="pk-post-item">
<article class="post-58475 post type-post status-publish format-standard has-post-thumbnail category-seo">
<div class="post-outer">
<div class="post-inner">
<a href="https://www.marketer.ru/internet/seo/dajdzhest-postov-sergeya-lyudkevicha/" class="post-thumbnail">
<img width="90" height="90" src="https://www.marketer.ru/wp-content/uploads/2024/09/20eacc5d-ed30-4f32-aee3-145cd97d6d76-80x80.webp" class="attachment-csco-90-square size-csco-90-square pk-lqip pk-lazyload wp-post-image" alt="" decoding="async" loading="lazy" data-pk-sizes="auto" data-ls-sizes="auto, (max-width: 90px) 100vw, 90px" data-pk-src="https://www.marketer.ru/wp-content/uploads/2024/09/20eacc5d-ed30-4f32-aee3-145cd97d6d76-90x90.webp" data-pk-srcset="https://www.marketer.ru/wp-content/uploads/2024/09/20eacc5d-ed30-4f32-aee3-145cd97d6d76-90x90.webp 90w, https://www.marketer.ru/wp-content/uploads/2024/09/20eacc5d-ed30-4f32-aee3-145cd97d6d76-80x80.webp 80w, https://www.marketer.ru/wp-content/uploads/2024/09/20eacc5d-ed30-4f32-aee3-145cd97d6d76-120x120.webp 120w, https://www.marketer.ru/wp-content/uploads/2024/09/20eacc5d-ed30-4f32-aee3-145cd97d6d76-320x320.webp 320w, https://www.marketer.ru/wp-content/uploads/2024/09/20eacc5d-ed30-4f32-aee3-145cd97d6d76-560x560.webp 560w, https://www.marketer.ru/wp-content/uploads/2024/09/20eacc5d-ed30-4f32-aee3-145cd97d6d76-800x800.webp 800w, https://www.marketer.ru/wp-content/uploads/2024/09/20eacc5d-ed30-4f32-aee3-145cd97d6d76-1160x1160.webp 1160w" title="20eacc5d-ed30-4f32-aee3-145cd97d6d76 ‣ Маркетер" />
</a>
</div>
<div class="post-inner">
<h5 class="media-heading entry-title"><a href="https://www.marketer.ru/internet/seo/dajdzhest-postov-sergeya-lyudkevicha/">Дайджест постов Сергея Людкевича</a></h5>
<ul class="post-meta"><li class="meta-date"><a href="https://www.marketer.ru/internet/seo/dajdzhest-postov-sergeya-lyudkevicha/" rel="bookmark">12.09.24</a></li></ul> </div>
</div>
</article>
</li>
<li class="pk-post-item">
<article class="post-58459 post type-post status-publish format-standard has-post-thumbnail category-upravlenie-i-organizaciya-biznesa">
<div class="post-outer">
<div class="post-inner">
<a href="https://www.marketer.ru/management/upravlenie-i-organizaciya-biznesa/kak-yuristy-tormozyat-biznes/" class="post-thumbnail">
<img width="90" height="90" src="https://www.marketer.ru/wp-content/uploads/2024/08/stopka_dokumentov-e1725034854479-80x80.jpg" class="attachment-csco-90-square size-csco-90-square pk-lqip pk-lazyload wp-post-image" alt="" decoding="async" loading="lazy" data-pk-sizes="auto" data-ls-sizes="auto, (max-width: 90px) 100vw, 90px" data-pk-src="https://www.marketer.ru/wp-content/uploads/2024/08/stopka_dokumentov-e1725034854479-90x90.jpg" data-pk-srcset="https://www.marketer.ru/wp-content/uploads/2024/08/stopka_dokumentov-e1725034854479-90x90.jpg 90w, https://www.marketer.ru/wp-content/uploads/2024/08/stopka_dokumentov-e1725034854479-80x80.jpg 80w, https://www.marketer.ru/wp-content/uploads/2024/08/stopka_dokumentov-e1725034854479-120x120.jpg 120w, https://www.marketer.ru/wp-content/uploads/2024/08/stopka_dokumentov-e1725034854479-320x320.jpg 320w" title="stopka_dokumentov ‣ Маркетер" />
</a>
</div>
<div class="post-inner">
<h5 class="media-heading entry-title"><a href="https://www.marketer.ru/management/upravlenie-i-organizaciya-biznesa/kak-yuristy-tormozyat-biznes/">Как юристы тормозят бизнес</a></h5>
<ul class="post-meta"><li class="meta-date"><a href="https://www.marketer.ru/management/upravlenie-i-organizaciya-biznesa/kak-yuristy-tormozyat-biznes/" rel="bookmark">30.08.24</a></li></ul> </div>
</div>
</article>
</li>
<li class="pk-post-item">
<article class="post-58388 post type-post status-publish format-standard has-post-thumbnail category-yandeks-direkt">
<div class="post-outer">
<div class="post-inner">
<a href="https://www.marketer.ru/internet/kontekstnaya-reklama-ppc/yandeks-direkt/prodvizhenie-optovyx-kampanij-v-yandeks-direkt/" class="post-thumbnail">
<img width="90" height="90" src="https://www.marketer.ru/wp-content/uploads/2024/03/изображение_2024-03-06_012809453-80x80.png" class="attachment-csco-90-square size-csco-90-square pk-lqip pk-lazyload wp-post-image" alt="" decoding="async" loading="lazy" data-pk-sizes="auto" data-ls-sizes="auto, (max-width: 90px) 100vw, 90px" data-pk-src="https://www.marketer.ru/wp-content/uploads/2024/03/изображение_2024-03-06_012809453-90x90.png" data-pk-srcset="https://www.marketer.ru/wp-content/uploads/2024/03/изображение_2024-03-06_012809453-90x90.png 90w, https://www.marketer.ru/wp-content/uploads/2024/03/изображение_2024-03-06_012809453-80x80.png 80w, https://www.marketer.ru/wp-content/uploads/2024/03/изображение_2024-03-06_012809453-120x120.png 120w, https://www.marketer.ru/wp-content/uploads/2024/03/изображение_2024-03-06_012809453-320x320.png 320w, https://www.marketer.ru/wp-content/uploads/2024/03/изображение_2024-03-06_012809453-560x560.png 560w" title="изображение_2024-03-06_012809453 ‣ Маркетер" />
</a>
</div>
<div class="post-inner">
<h5 class="media-heading entry-title"><a href="https://www.marketer.ru/internet/kontekstnaya-reklama-ppc/yandeks-direkt/prodvizhenie-optovyx-kampanij-v-yandeks-direkt/">Продвижение оптовых кампаний в Яндекс Директ</a></h5>
<ul class="post-meta"><li class="meta-date"><a href="https://www.marketer.ru/internet/kontekstnaya-reklama-ppc/yandeks-direkt/prodvizhenie-optovyx-kampanij-v-yandeks-direkt/" rel="bookmark">06.03.24</a></li></ul> </div>
</div>
</article>
</li>
<li class="pk-post-item">
<article class="post-58300 post type-post status-publish format-standard has-post-thumbnail category-organizaciya-prodazh">
<div class="post-outer">
<div class="post-inner">
<a href="https://www.marketer.ru/marketing/organizaciya-prodazh/carafannoe-radio/" class="post-thumbnail">
<img width="90" height="90" src="https://www.marketer.ru/wp-content/uploads/2024/01/18ecbeaa-47ad-4d0b-838c-eda39ec15af0_full-80x80.webp" class="attachment-csco-90-square size-csco-90-square pk-lqip pk-lazyload wp-post-image" alt="" decoding="async" loading="lazy" data-pk-sizes="auto" data-ls-sizes="auto, (max-width: 90px) 100vw, 90px" data-pk-src="https://www.marketer.ru/wp-content/uploads/2024/01/18ecbeaa-47ad-4d0b-838c-eda39ec15af0_full-90x90.webp" data-pk-srcset="https://www.marketer.ru/wp-content/uploads/2024/01/18ecbeaa-47ad-4d0b-838c-eda39ec15af0_full-90x90.webp 90w, https://www.marketer.ru/wp-content/uploads/2024/01/18ecbeaa-47ad-4d0b-838c-eda39ec15af0_full-80x80.webp 80w, https://www.marketer.ru/wp-content/uploads/2024/01/18ecbeaa-47ad-4d0b-838c-eda39ec15af0_full-120x120.webp 120w, https://www.marketer.ru/wp-content/uploads/2024/01/18ecbeaa-47ad-4d0b-838c-eda39ec15af0_full-320x320.webp 320w, https://www.marketer.ru/wp-content/uploads/2024/01/18ecbeaa-47ad-4d0b-838c-eda39ec15af0_full-560x560.webp 560w, https://www.marketer.ru/wp-content/uploads/2024/01/18ecbeaa-47ad-4d0b-838c-eda39ec15af0_full-800x800.webp 800w, https://www.marketer.ru/wp-content/uploads/2024/01/18ecbeaa-47ad-4d0b-838c-eda39ec15af0_full-1160x1152.webp 1160w" title="18ecbeaa-47ad-4d0b-838c-eda39ec15af0_full ‣ Маркетер" />
</a>
</div>
<div class="post-inner">
<h5 class="media-heading entry-title"><a href="https://www.marketer.ru/marketing/organizaciya-prodazh/carafannoe-radio/">Cарафанное радио</a></h5>
<ul class="post-meta"><li class="meta-date"><a href="https://www.marketer.ru/marketing/organizaciya-prodazh/carafannoe-radio/" rel="bookmark">13.01.24</a></li></ul> </div>
</div>
</article>
</li>
</ul>
</div>
</div><div class="widget block-3 widget_block"><div class="sidebar-ads">
<a style="display: block; margin: 0 auto; max-width: 300px;" href="https://piar.ru/?utm_source=external&utm_medium=marketer&utm_campaign=inner&utm_content=vert">
<img loading="lazy" decoding="async" src="//marketer.ru/wp-content/uploads/banners/piar_for_marketer_600x1200.png" width="600" height="1200" style="display: block; margin: 0 auto;">
</a>
</div></div> </div>
<div class="sidebar sidebar-2"></div>
</aside><!-- .sidebar-area .widget-area -->
</div><!-- .main-content -->
</div><!-- .container -->
</div><!-- .site-content -->
<footer class="site-footer section-heading-default-style-6">
<div class="footer-section">
<div class="cs-container">
<div class="footer-subscribe">
<div class="subscribe-container">
</div>
</div>
</div>
</div>
<div class="footer-section">
<div class="cs-container">
<div class="footer-info">
<a href="https://www.marketer.ru/" class="site-title">Маркетер</a>
<nav class="nav navbar-footer navbar-lonely"><ul id="menu-footer-menu" class="nav navbar-nav"><li id="menu-item-57447" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57447"><a href="https://www.marketer.ru/about/">О проекте</a></li>
<li id="menu-item-57446" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57446"><a href="https://www.marketer.ru/informacionnoe-sponsorstvo/">Информационное спонсорство</a></li>
<li id="menu-item-57448" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57448"><a href="https://www.marketer.ru/reklamnym-agentstvam/">Рекламным агентствам</a></li>
<li id="menu-item-57449" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57449"><a href="https://www.marketer.ru/ssylki/">Ссылки</a></li>
</ul></nav>
<div class="footer-copyright">(с) Маркетер: У нас портал для маркетологов и маркетера. Статьи про рекламу, маркетинг, public relations, интернет</div>
</div><!-- .footer-info -->
</div><!-- .container -->
</div><!-- .footer-section -->
</footer>
</div><!-- .site-inner -->
</div><!-- .site -->
<div class="site-search" id="search">
<button type="button" class="close"></button>
<div class="form-container">
<div class="cs-container">
<div class="site-search-wrap">
<form role="search" method="get" class="search-form form" action="https://www.marketer.ru/">
<label class="sr-only">Поиск по фразе</label>
<div class="cs-input-group">
<input type="search" value="" name="s" data-swplive="true" data-swpengine="default" data-swpconfig="default" class="search-field form-control" placeholder="Введите ключевые слова" required>
<span class="cs-input-group-btn">
<button type="submit" class="search-submit button button-primary button-effect"><span>Поиск</span><span><i class="cs-icon cs-icon-search"></i></span></button>
</span>
</div>
</form>
<p>Введите ключевые слова для поиска и нажмите Enter</p>
</div>
</div>
</div>
</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/authentic-child/*","/wp-content/themes/authentic/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<style type="text/css" media="all" id="canvas-widget-blocks-dynamic-styles">
</style>
<a href="#top" class="pk-scroll-to-top">
<i class="pk-icon pk-icon-up"></i>
</a>
<script id='kirki-viewport-lists'>var kirkiViewports = {"md":{"value":1200,"scale":1,"minWidth":1200,"maxWidth":1200,"title":"Desktop","icon":"desktop","activeIcon":"desktop-hover","id":"md","type":"max"},"tablet":{"value":991,"scale":1,"minWidth":991,"maxWidth":991,"title":"Tablet","icon":"tablet-default","activeIcon":"tablet-hover","type":"max","id":"tablet"},"mobileLandscape":{"value":767,"scale":1,"minWidth":767,"maxWidth":767,"title":"Landscape","icon":"phone-hr-default","activeIcon":"phone-hr-hover","type":"max","id":"mobileLandscape"},"mobile":{"value":575,"scale":1,"minWidth":575,"maxWidth":575,"title":"Mobile","icon":"phone-vr-default","activeIcon":"phone-vr-hover","type":"max","id":"mobile"}};</script><script id='kirki-variable-lists'>var kirkiCSSVariable = {"data":[{"title":"Colors","key":"color","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Numbers","key":"size","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Text Styles","key":"text-style","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Font Family","key":"font-family","modes":[{"title":"Default","key":"default"}],"variables":[]}]};</script><script id="kirki-api-and-nonce">
window.wp_kirki = {
ajaxUrl: "https://www.marketer.ru/wp-admin/admin-ajax.php",
restUrl: "https://www.marketer.ru/wp-json/",
siteUrl: "https://www.marketer.ru",
apiVersion: "v1",
postId: "1237",
nonce: "971e6b820a",
call_from: "",
templateId: "",
context: {"id":1237,"type":"post"}
};
</script> <style>
.searchwp-live-search-results {
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
height: 0;
overflow: hidden;
z-index: 9999995; /* Exceed SearchWP Modal Search Form overlay. */
position: absolute;
display: none;
}
.searchwp-live-search-results-showing {
display: block;
opacity: 1;
height: auto;
overflow: auto;
}
.searchwp-live-search-no-results {
padding: 3em 2em 0;
text-align: center;
}
.searchwp-live-search-no-min-chars:after {
content: "Продолжайте печатать";
display: block;
text-align: center;
padding: 2em 2em 0;
}
</style>
<script>
var _SEARCHWP_LIVE_AJAX_SEARCH_BLOCKS = true;
var _SEARCHWP_LIVE_AJAX_SEARCH_ENGINE = 'default';
var _SEARCHWP_LIVE_AJAX_SEARCH_CONFIG = 'default';
</script>
<script id="powerkit-js" src="https://www.marketer.ru/wp-content/plugins/powerkit/assets/js/_scripts.js?ver=3.1.0"></script>
<script id="wp-hooks-js" src="https://www.marketer.ru/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
<script id="wp-i18n-js" src="https://www.marketer.ru/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="swv-js" src="https://www.marketer.ru/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.6"></script>
<script id="contact-form-7-js-translations">
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""].domain = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "contact-form-7", {"translation-revision-date":"2026-07-09 09:06:29+0000","generator":"GlotPress\/4.0.3","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=3; plural=(n % 10 == 1 && n % 100 != 11) ? 0 : ((n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 12 || n % 100 > 14)) ? 1 : 2);","lang":"ru"},"This contact form is placed in the wrong place.":["\u042d\u0442\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0444\u043e\u0440\u043c\u0430 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0432 \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435."],"Error:":["\u041e\u0448\u0438\u0431\u043a\u0430:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
//# sourceURL=contact-form-7-js-translations
</script>
<script id="contact-form-7-js-before">
var wpcf7 = {
"api": {
"root": "https:\/\/www.marketer.ru\/wp-json\/",
"namespace": "contact-form-7\/v1"
}
};
//# sourceURL=contact-form-7-js-before
</script>
<script id="contact-form-7-js" src="https://www.marketer.ru/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.6"></script>
<script id="powerkit-basic-elements-js" src="https://www.marketer.ru/wp-content/plugins/powerkit/modules/basic-elements/public/js/public-powerkit-basic-elements.js?ver=4.0.0"></script>
<script id="justifiedgallery-js" src="https://www.marketer.ru/wp-content/plugins/canvas/components/justified-gallery/block/jquery.justifiedGallery.min.js?ver=2.5.5"></script>
<script id="powerkit-justified-gallery-js-extra">
var powerkitJG = {"rtl":""};
//# sourceURL=powerkit-justified-gallery-js-extra
</script>
<script id="powerkit-justified-gallery-js" src="https://www.marketer.ru/wp-content/plugins/powerkit/modules/justified-gallery/public/js/public-powerkit-justified-gallery.js?ver=3.1.0"></script>
<script id="lazysizes.config-js" src="https://www.marketer.ru/wp-content/plugins/powerkit/modules/lazyload/public/js/lazysizes.config.js?ver=3.1.0"></script>
<script id="lazysizes-js" src="https://www.marketer.ru/wp-content/plugins/powerkit/modules/lazyload/public/js/lazysizes.min.js?ver=3.1.0"></script>
<script id="imagesloaded-js" src="https://www.marketer.ru/wp-includes/js/imagesloaded.min.js?ver=5.0.0"></script>
<script id="glightbox-js" src="https://www.marketer.ru/wp-content/plugins/powerkit/modules/lightbox/public/js/glightbox.min.js?ver=3.1.0"></script>
<script id="powerkit-lightbox-js-extra">
var powerkit_lightbox_localize = {"text_previous":"\u041d\u0430\u0437\u0430\u0434","text_next":"\u0414\u0430\u043b\u0435\u0435","text_close":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c","text_loading":"\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430","text_counter":"\u043e\u0442","single_image_selectors":".entry-content img,.single .post-media img","gallery_selectors":".wp-block-gallery, .gallery","exclude_selectors":"","zoom_icon":"true"};
//# sourceURL=powerkit-lightbox-js-extra
</script>
<script id="powerkit-lightbox-js" src="https://www.marketer.ru/wp-content/plugins/powerkit/modules/lightbox/public/js/public-powerkit-lightbox.js?ver=3.1.0"></script>
<script id="powerkit-opt-in-forms-js-extra">
var opt_in = {"ajax_url":"https://www.marketer.ru/wp-admin/admin-ajax.php","warning_privacy":"\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0412\u044b \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u044b \u0441 \u043d\u0430\u0448\u0438\u043c\u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c\u0438.","is_admin":"","server_error":"\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0430. \u041f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u0435 \u043f\u043e\u043f\u044b\u0442\u043a\u0443 \u043f\u043e\u0437\u0436\u0435."};
//# sourceURL=powerkit-opt-in-forms-js-extra
</script>
<script id="powerkit-opt-in-forms-js" src="https://www.marketer.ru/wp-content/plugins/powerkit/modules/opt-in-forms/public/js/public-powerkit-opt-in-forms.js?ver=3.1.0"></script>
<script id="powerkit-scroll-to-top-js" src="https://www.marketer.ru/wp-content/plugins/powerkit/modules/scroll-to-top/public/js/public-powerkit-scroll-to-top.js?ver=3.1.0"></script>
<script id="flickity-js" src="https://www.marketer.ru/wp-content/plugins/canvas/components/slider-gallery/block/flickity.pkgd.min.js?ver=2.5.5"></script>
<script id="powerkit-table-of-contents-js-extra">
var powerkit_toc_config = {"label_show":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c","label_hide":"\u0421\u043a\u0440\u044b\u0442\u044c"};
//# sourceURL=powerkit-table-of-contents-js-extra
</script>
<script id="powerkit-table-of-contents-js" src="https://www.marketer.ru/wp-content/plugins/powerkit/modules/table-of-contents/public/js/public-powerkit-table-of-contents.js?ver=3.1.0"></script>
<script id="owl-carousel-js" src="https://www.marketer.ru/wp-content/themes/authentic/js/owl.carousel.min.js?ver=2.3.4"></script>
<script id="colcade-js" src="https://www.marketer.ru/wp-content/plugins/canvas/components/posts/block-posts/colcade.js?ver=2.5.5"></script>
<script id="object-fit-images-js" src="https://www.marketer.ru/wp-content/themes/authentic/js/ofi.min.js?ver=3.2.4"></script>
<script id="jarallax-js" src="https://www.marketer.ru/wp-content/themes/authentic/js/jarallax.min.js?ver=1.10.5"></script>
<script id="jarallax-video-js" src="https://www.marketer.ru/wp-content/themes/authentic/js/jarallax-video.min.js?ver=1.10.5"></script>
<script id="csco-scripts-js-extra">
var translation = {"next":"\u0414\u0430\u043b\u0435\u0435","previous":"\u0420\u0430\u043d\u0435\u0435","close":"Close","loading":"\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430"};
var csco_mega_menu = {"rest_url":"https://www.marketer.ru/wp-json/csco/v1/menu-posts"};
//# sourceURL=csco-scripts-js-extra
</script>
<script id="csco-scripts-js" src="https://www.marketer.ru/wp-content/themes/authentic/js/scripts.js?ver=1.0.0"></script>
<script id="swp-live-search-client-js-extra">
var searchwp_live_search_params = [];
searchwp_live_search_params = {"ajaxurl":"https:\/\/www.marketer.ru\/wp-admin\/admin-ajax.php","origin_id":1237,"config":{"default":{"engine":"default","input":{"delay":300,"min_chars":3},"results":{"position":"bottom","width":"auto","offset":{"x":0,"y":5}},"spinner":{"lines":12,"length":8,"width":3,"radius":8,"scale":1,"corners":1,"color":"#424242","fadeColor":"transparent","speed":1,"rotate":0,"animation":"searchwp-spinner-line-fade-quick","direction":1,"zIndex":2000000000,"className":"spinner","top":"50%","left":"50%","shadow":"0 0 1px transparent","position":"absolute"}}},"msg_no_config_found":"\u041d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0439 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 SearchWP Live Search!","aria_instructions":"\u041a\u043e\u0433\u0434\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0430\u0432\u0442\u043e\u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0441\u0442\u0440\u0435\u043b\u043a\u0438 \u0432\u0432\u0435\u0440\u0445 \u0438 \u0432\u043d\u0438\u0437 \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0438 enter, \u0447\u0442\u043e\u0431\u044b \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043d\u0430 \u043d\u0443\u0436\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0441\u0435\u043d\u0441\u043e\u0440\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432 \u043c\u043e\u0433\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u0441\u0430\u043d\u0438\u044f \u0438\u043b\u0438 \u0441 \u0436\u0435\u0441\u0442\u044b \u0441\u043c\u0430\u0445\u0438\u0432\u0430\u043d\u0438\u044f."};;
//# sourceURL=swp-live-search-client-js-extra
</script>
<script id="swp-live-search-client-js" src="https://www.marketer.ru/wp-content/plugins/searchwp-live-ajax-search/assets/javascript/dist/script.min.js?ver=1.8.7"></script>
<script id="canvas-block-posts-script-js" src="https://www.marketer.ru/wp-content/plugins/canvas/components/posts/block-posts/public-block-posts.js?ver=2.5.5"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.marketer.ru/wp-includes/js/wp-emoji-release.min.js?ver=7.0.1"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://www.marketer.ru/wp-includes/js/wp-emoji-loader.min.js
</script>
<script type="text/javascript">
"use strict";
(function($) {
$( window ).on( 'load', function() {
// Get all links.
var powerkitSLinksIds = [];
var powerkitSLinksRestBox = $( '.pk-social-links-mode-rest' );
// Generate links Ids.
$( powerkitSLinksRestBox ).each( function( index, wrap ) {
if ( ! $( wrap ).hasClass( 'pk-social-links-counts-disabled' ) ) {
$( wrap ).find( '.pk-social-links-item' ).each( function() {
if ( $( this ).attr( 'data-id' ).length > 0 ) {
powerkitSLinksIds.push( $( this ).attr( 'data-id' ) );
}
});
}
});
// Generate links data.
var powerkitSLinksData = {};
if( powerkitSLinksIds.length > 0 ) {
powerkitSLinksData = { 'ids' : powerkitSLinksIds.join() };
}
// Check data.
if ( ! Object.entries( powerkitSLinksData ).length ) {
return;
}
// Get results by REST API.
$.ajax({
type: 'GET',
url: 'https://www.marketer.ru/wp-json/social-counts/v1/get-counts',
data: powerkitSLinksData,
beforeSend: function(){
// Add Loading Class.
powerkitSLinksRestBox.addClass( 'pk-social-links-loading' );
},
success: function( response ) {
if ( ! $.isEmptyObject( response ) && ! response.hasOwnProperty( 'code' ) ) {
// SLinks loop.
$.each( response, function( index, data ) {
// Find Bsa Item.
var powerkitSLinksItem = powerkitSLinksRestBox.find( '.pk-social-links-item[data-id="' + index + '"]');
// Set Class.
if ( data.hasOwnProperty( 'class' ) ) {
powerkitSLinksItem.addClass( data.class );
}
// Set Count.
if ( data.hasOwnProperty( 'result' ) && data.result !== null && data.result.hasOwnProperty( 'count' ) ) {
if ( data.result.count ) {
// Class Item.
powerkitSLinksItem.removeClass( 'pk-social-links-no-count' ).addClass( 'pk-social-links-item-count' );
// Count item.
powerkitSLinksItem.find( '.pk-social-links-count' ).not( '.pk-tippy' ).html( data.result.count );
}
} else {
powerkitSLinksItem.addClass( 'pk-social-links-no-count' );
}
});
}
// Remove Loading Class.
powerkitSLinksRestBox.removeClass( 'pk-social-links-loading' );
},
error: function() {
// Remove Loading Class.
powerkitSLinksRestBox.removeClass( 'pk-social-links-loading' );
}
});
});
})(jQuery);
</script>
</body>
</html>
