Если открыть любую веб-страницу, то она будет содержать в себе типичные элементы, которые не меняются от вида и направленности сайта. В примере 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://i0.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>Итак, сегодня мы с Вами рассмотрим несколько полезных средств для Web мастера, которые облегчают жизнь при верстке сайта. Начнем с консоли для web мастера в Google Chrome. И пройдемся по вопросам, которые чаще всего возникают у web-мастера во время верстки сайта. </p> <p>Для того, чтобы попасть в консоль, откройте ваш сайт в Google Chrome, щелкните правой кнопкой мыши в любом месте web-страницы, и выберите «Просмотр кода страницы» в контекстном выпадающем меню, или же по конкретному элементу для исследования, выбрав «Просмотр кода элемента».</p> <p>Вверху у вас будет перечислено несколько вкладок. Сегодня мы поговорим о вкладке «Elements»<b>, </b> на которой представлены элементы web-страницы с подсветкой тегов, свойств, выделением вложенности элементов, представлением иерархии элемента в дереве DOM (подсказка внизу, от корневого родительского к текущему исследуемому), возможностью редактирования элементов, перечень их свойств, рассмотрим поиск по элементам, а также познакомимся с просмотром связанных с элементами стилей css и т.п..</p> <h3>Как просмотреть все стили, которые связаны с определенным элементом? Какой из них применяется сейчас? В каких файлах они расположены?</h3> <p>Итак, нет ничего проще! Открываем браузер Google Chrome, открываем наш сайт – источник вопросов, щелкаем по нужному элементу правой кнопкой мыши, если он виден в контексте страницы, и выбираем в контекстном меню пункт «Просмотр кода элемента».</p> <p>Внизу у нас появляется консоль с выделенной вкладкой слева «Elements » и всеми, связанными с элементом стилями справа, где: <b>Computed Styles </b> – это общие «сводные» стили, которые были назначены элементу из правил css и настроек браузера пользователя (его среды окружения), и при этом вкладка свернута.</p> <p>Но нас интересует вкладка «Styles», развернутая под ней, в которой поочередно перечислены все стили, назначенные элементу, а также файлы, где данные правила указаны для этого элемента по его типу, id, классу, имени, свойству, атрибуту и т.п. При этом, если css правило перечеркнуто, значит оно было переопределено ранее/далее (что позволяет легко отследить, какое из css правил является приоритетным и применяется в данном случае к элементу).</p> <p>Внизу под консолью расположена строка, которая показывает элемент в иерархии документа, легко позволяет просмотреть весь список родительских элементов от корневого до выбранного элемента. Что-то наподобие «хлебных крошек».</p> <h3>Html тег не виден в контексте страницы? Или нужно найти все теги, например, по определенному классу, имени, свойству, типу?</h3> <p>Открываем сайт в Google Chrome, щелкаем правой кнопкой мыши, вызываем контекстное меню, выбираем<b>« </b>Просмотр кода страницы<b>» </b>. Нажимаем сочетание клавиш «CTRL + F» одновременно, вводим нужную нам фразу (<b>например </b><i>: </i><i>class=» </i><i>padding» </i>) и перемещаемся по списку найденных результатов, попутно просматривая все стили, связанные с нужными элементами в правой части страницы.</p> <h3>Как просмотреть код html элемента (элементов), подгружаемых динамически (например: по Ajax)</h3> <p>Ждем загрузки страницы в Google Chrome. Выполняем нужные действия, чтобы сработал Ajax. Щелкаем правой кнопкой мыши по загруженным данным, выбираем в контекстном меню «Просмотр кода элемента», исследуем результат в консоли на вкладке «Elements » слева.</p> <h3>Просмотр изменения css стилей в режиме реального времени</h3> <p>Кстати, также удобно бывает наблюдать при необходимости: какие стили назначаются элементу налету, например, при прокрутке галереи и других событий по таймеру. Все назначенные через javascript стили в реальном времени будут отображены в свойстве <b>style </b> выделенного элемента в окне на вкладке «Elements».</p> <h3>Интерактивный просмотр влияния правил css на представление html тегов</h3> <p>Google Chrome предоставляет интерактивную консоль для css стилей. А это значит, что Вы можете не только просмотреть, какие стили применяются к элементу, но, и подвести курсор мыши на определенное из свойств css, включить при помощи всплывающей галочки справа, или отключить его, сняв флаг, и просмотрев получившийся результат на странице.</p> <h3>Изменяем структуру представления html элементов налету (прямо в браузере)</h3> <p>Итак, исследовать структуру web-документа в Google Chrome мы уже научились, теперь рассмотрим вкратце редактирование элементов налету. Переходим в консоль любым удобным для нас способом. Находим нужный элемент во вкладке «Elements», щелкаем по нему правой кнопкой мыши, вызываем тем самым всплывающее контекстное меню:</p> <ul><li><b>Add attribute </b> – добавляет атрибут для указанного элемента. Как только станет активным курсор, начинаем задавать нужное свойство. <b>Например </b>: напишем name=»itemImage», которое будет незамедлительно добавлено к нашему элементу.</li> <li><b>Edit attribute </b> – если щелкнуть по атрибуту элемента правой кнопкой мыши, становится доступным пункт <b>edit </b><b>attribute </b>. Щелкаем, редактируем.</li> </ul><p><b>Пример использования: </b>мы забыли пароль, сохраненный под звездочками в Google Chrome (если пароль был сохранен в этом браузере). Щелкаем правой кнопкой мыши по элементу с вводом пароля, щелкаем по «Просмотр Кода Элемента»<b>, </b> в консоли слева на вкладке <b>Elements </b>щелкаем по атрибуту type=»password» правой кнопкой мыши, левый щелчок мышью по <b>Edit </b><b>attribute, </b>меняем атрибут <i>type=» </i><i>password» </i> на <i>type=» </i><i>text» </i>, и вот у нас уже вместо звездочек отображается тот самый пароль в виде текста.</p> <ul><li><b>Edit </b><b>html </b> – щелкаем правой кнопкой мыши по элементу в консоли <b>Elements </b>, выбираем <b>Edit </b><b>html, </b>меняем код по своему вкусу.</li> <li><b>Copy </b><b>as </b><b>HTML </b> – копируем нужную нам порцию HTML для дальнейшего исследования, скажем, в блокноте, или для других целей, где нам нужно применить точно такую же верстку. Экономим время.</li> <li><b>Copy </b><b>XPATH </b> – копирует XPATH представление структуры от корня родительского элемента до выделенного элемента.</li> <li><b>Delete </b><b>node </b> – если нужно удалить текущий выделенный элемент и все его дочерние из контекста web страницы, и посмотреть результат.</li> <li><b>Word </b><b>wrap </b> – сделает представление web страницы в контексте консоли <b>Elements </b> более читаемым.</li> </ul><p>В следующих статьях мы продолжим рассмотрение средств для web-мастера, и в частности познакомимся с остальными вкладками инструментов для web-мастера в <b>Google Chrome </b>, а также рассмотрим отладку ошибок javascript средствами разных браузеров</p> <p>». Такой же пункт есть и в контекстном меню, которое , если щелкнуть правой кнопкой мыши текст <b>страницы </b>. Можно использовать и сочетание клавиш CTRL + U. Mozilla FireFox при этом не использует внешних программ - исходный <b>код </b> <b>страницы </b> с подсветкой синтаксиса будет открыт в отдельном окне браузера.</p> <p>В обозревателе Internet Explorer щелкните в меню раздел «Файл» и выберите «Править в Блокнот». Вместо названия Блокнот может быть написана другая , вы назначили в настройках браузера для просмотра исходного <b>код </b>а. По щелчку <b>страницы </b> правой кнопкой мыши выпадает контекстное меню, в котором тоже есть пункт, позволяющий открыть исходный <b>код </b> <b>страницы </b> во внешней программе - «Просмотр HTML-<b>код </b>а».</p> <p><img src='https://i0.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95df96052552b95df9bd.jpg' height="669" width="663" loading=lazy></p> <p>В браузере Opera откройте меню, перейдите в раздел «Страница» и у вас будет возможность выбрать в подразделе «Средства разработки» пункт «Исходный <b>код </b>» или пункт «Исходный <b>код </b> фрейма». Такому выбору назначены горячие клавиши CTRL + U и CTRL + SHIFT + U соответственно. В контекстном меню, привязанном к щелчку <b>страницы </b> правой кнопкой мыши, тоже есть пункт «Исходный <b>код </b>». Opera исходник <b>страницы </b> во внешней программе, которая назначена в ОС или в настройках браузера для редактирования HTML-файлов.</p> <p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95eb30952552b95eb346.jpg' width="100%" loading=lazy></p> <p>Браузер Google Chrome безо всяких сомнений имеет лучшую организацию просмотра исходного <b>код </b>а. Щелкнув правой кнопкой мыши, вы можете выбрать пункт «Просмотра <b>код </b>а <b>страницы </b>» и тогда исходник с подсветкой синтаксиса будет открыт на отдельной вкладке. А можете выбрать в том же меню строку «Просмотр <b>код </b>а элемента» и в этой же вкладке откроет два дополнительных фрейма, в которых вы можете инспектировать HTML- и CSS-<b>код </b> элемента <b>страницы </b>. Браузер будет реагировать на перемещение курсора по строкам <b>код </b>а, подсвечивая на странице элементы, соответствующие этому участку HTML-<b>код </b>а.</p> <p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b9603c4652552b9603c84.jpg' width="100%" loading=lazy></p> <p>Разработчики браузеров позаботились об удобстве тех, кто создает сайты, открываемые в этих самых браузерах, а именно – о вебмастерах. Они добавили в стандартные функции инструменты разработчика, с помощью которых можно легко открыть и <b>посмотреть исходный код страницы сайта в браузере </b>: HTML, CSS, JavaScript (JS), получить различные полезные данные о структуре сайта, провести его технический анализ. В общем, увидеть много полезного.</p> <p>Конечно же, данными инструментами пользуются не только создатели сайтов для работы, но и простые пользователи, которым исходный код позволяет посмотреть различные полезных данных.</p> <p>Из этой стать вы узнаете, как в браузере посмотреть исходный код страницы сайта (как открыть HTML, CSS, JavaScript код сайта).</p> <i> </i> <h2>Как открыть исходный код страницы в браузере</h2> <p>Открыть исходный код веб страницы в браузере можно двумя способами:</p> <ol><li>С помощью горячих клавиш;</li> <li>Открыть из контекстного меню.</li> </ol><p><b>Ctrl + U </b> – комбинация горячих клавиш для просмотра исходного кода всей страницы сайта в отдельном новом окне. Стандартные для всех браузеров: Google Chrome, Opera, Mozilla Firefox, Яндекс браузера, IE.</p> <p>Также в инструменты разработчика можно войти следующим образом:</p> <p>Для того чтобы быстро найти нужный код, слово или текст на странице можно использовать стандартное для всех браузеров сочетание горячих клавиш поиска: Ctrl + G.</p> <p>Видео-инструкция:</p> <p><span class="dmruvuTBwxg"></span></p> <h2>Просмотр кода элемента | исследовать элемент | проинспектировать элемент</h2> <p>Если вдруг нужно просмотреть не весь исходный код, а вывести на экран лишь отдельную его часть, какой-то участок на странице, то предыдущий инструмент не подойдет. Для этого в инструментах разработчика есть другая функция, о которой пойдет речь ниже.</p> <p><b>Как просмотреть код элемента на странице: </b></p> <br><img src='https://i1.wp.com/urfix.ru/wp-content/uploads/2018/11/Proinspektirovat-otdelnyy-element.png' width="100%" loading=lazy><p>Кроме того, можно использовать комбинации клавиш на клавиатуре для быстрого доступа к инспектированию элемента.</p> <p>Горячие клавиши (кнопки):</p> <p>Google Chrome: Ctrl+Shift+I и Ctrl+Shift+C</p> <p>Opera: Ctrl+Shift+I и Ctrl+Shift+C</p> <p>Mozilla Firefox: Ctrl+Shift+I и Ctrl+Shift+C</p> <p>Яндекс браузер: Ctrl+Shift+I и Ctrl+Shift+C</p> <p>После проделанных действий, в этом же окне браузера откроется исходный код web страницы:</p> <br><img src='https://i2.wp.com/urfix.ru/wp-content/uploads/2018/11/Posmotret-HTML-CSS-kod-sayta.png' width="100%" loading=lazy><p>Весь HTML код будет в левой большой колонке. А CSS стили – в правой.</p> <br><img src='https://i0.wp.com/urfix.ru/wp-content/uploads/2018/11/Posmotret-css-stili-v-brauzere.png' width="100%" loading=lazy><p>Преимуществом данного способа, безусловно, является и то, что у пользователя есть возможность изменить исходный код, править стили. То есть, можно редактировать стили на сайте и посмотреть, как он будет выглядеть с теми или иными стилями, без необходимости сразу вносить изменения в файлы, которые находятся на серверах хостинга. Чтобы изменить или добавить программный код, необходимо сделать двойной клик на нужном фрагменте или участке. Конечно же исправление кода в браузере не внесется на серверах хостинга. Поэтому в дальнейшем, в любом случае, придется копировать этот код и прописать в файлы.</p> <p>В этой видео-инструкции подробно рассказано и показано, как работать с инструментами разработчика:</p> <p><span class="DQMK8CuXkOg"></span></p> <p>Вот так вот просто в режиме онлайн, прямо в браузере, можно посмотреть исходный код страницы сайта, получить основные данные о HTML и CSS коде, изменить и скопировать их, без необходимости скачивать файлы этого сайта на компьютер.</p> <p>Кстати, неопытных интернет-пользователей, изменивших код страницы и ждущих, что он сохранится, ждет разочарование. Ведь после обновления страницы, все изменения на ней пропадут. Этого мало, чтобы взломать сайт 🙂</p> <h2>Как посмотреть исходный код на телефоне Android</h2> <p>Еще хотелось бы заметить, что инструменты разработчика доступны не только в десктопной версии браузеров, то есть, на компьютерах и ноутбуках. На телефонах и планшетах (Android, IOS) можно также посмотреть исходный код.</p> <p>Для этого следует добавить к URL инспектируемой страницы приставку view-source:</p> <p>Например:</p> <p>view-source:https://сайт/turbo-rezhim-opera/</p> <p><span class="N9JyJMmIZr8"></span></p> <p>Вероятность заглянуть в начальный <b>код </b> веб-<b>страницы </b> , получаемый браузером в результат на запрос серверу, есть фактически в всяком интернет-обозревателе. Доступ к соответствующей команде организован приблизительно идентично, но есть значительные отличия в том, каким методом и в каком виде вам будет представлен начальный <b>код </b> .</p> <h3>Инструкция</h3> <p><b>1. </b> В браузере Mozilla FireFox раскройте в меню раздел «Вид» и щелкните пункт «Начальный <b>код </b> <b>страницы </b> ». Такой же пункт есть и в контекстном меню, которое возникает, если щелкнуть правой кнопкой мыши текст <b>страницы </b> . Дозволено применять и сочетание клавиш CTRL + U. Mozilla FireFox при этом не использует внешних программ – начальный <b>код </b> <b>страницы </b> с подсветкой синтаксиса будет открыт в отдельном окне браузера.</p><p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95d5fa552552b95d5fe3.jpg' height="748" width="680" loading=lazy></p><p><b>2. </b> В обозревателе Internet Explorer щелкните в меню раздел «Файл» и выберите «Править в Блокнот». Взамен наименования Блокнот может быть написана иная программа, которую вы назначили в настройках браузера для просмотра начального <b>код </b> а. По щелчку <b>страницы </b> правой кнопкой мыши выпадает контекстное меню, в котором тоже есть пункт, дозволяющий открыть начальный <b>код </b> <b>страницы </b> во внешней программе – «Просмотр HTML-<b>код </b> а».</p><p><img src='https://i0.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95df96052552b95df9bd.jpg' height="669" width="663" loading=lazy></p><p><b>3. </b> В браузере Opera откройте меню, перейдите в раздел «Страница» и у вас будет вероятность предпочесть в подразделе «Средства разработки» пункт «Начальный <b>код </b> » либо пункт «Начальный <b>код </b> фрейма». Такому выбору назначены жгучие клавиши CTRL + U и CTRL + SHIFT + U соответственно. В контекстном меню, привязанном к щелчку <b>страницы </b> правой кнопкой мыши, тоже есть пункт «Начальный <b>код </b> ». Opera открывает исходник <b>страницы </b> во внешней программе, которая назначена в ОС либо в настройках браузера для редактирования HTML-файлов.</p><p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95eb30952552b95eb346.jpg' width="100%" loading=lazy></p><p><b>4. </b> Браузер Google Chrome безо любых сомнений имеет лучшую организацию просмотра начального <b>код </b> а. Щелкнув страницу правой кнопкой мыши, вы можете предпочесть пункт «Просмотра <b>код </b> а <b>страницы </b> » и тогда исходник с подсветкой синтаксиса будет открыт на отдельной вкладке. А можете предпочесть в том же меню строку «Просмотр <b>код </b> а элемента» и браузер в этой же вкладке откроет два дополнительных фрейма, в которых вы можете инспектировать HTML- и CSS-<b>код </b> всякого элемента <b>страницы </b> . Браузер будет реагировать на перемещение курсора по строкам <b>код </b> а, подсвечивая на странице элементы, соответствующие этому участку HTML-<b>код </b> а.</p><p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b9603c4652552b9603c84.jpg' width="100%" loading=lazy></p><p><b>5. </b> В браузере Apple Safari раскройте раздел «Вид» и выберите строку «Просмотр HTML-<b>код </b> а». В меню, которое возникает по щелчку правой кнопкой открытой <b>страницы </b> , соответствующий пункт назван «Посмотреть источник». Этому действию назначены жгучие клавиши CTRL + ALT + U. Начальный <b>код </b> открывается в отдельном окне браузера.</p><p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b960eafe52552b960eb45.jpg' width="100%" loading=lazy></p> <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> <footer class="entry-meta"> </footer> </div> </article> </main> </div> </div> <div id="secondary" class="widget-area col-sm-12 col-md-4" role="complementary"> <div class="well"> <aside id="search-2" class="widget widget_search"> <form method="get" class="form-search" action="/"> <div class="input-group"> <input type="text" class="form-control search-query" value="" name="s" id="s" placeholder="Поиск..."> <span class="input-group-btn"> <button type="submit" class="btn btn-default" name="submit" id="searchsubmit" value="Search"><span class="glyphicon glyphicon-search"></span></button> </span> </div> </form> </aside> <aside id="recent-comments-2" class="widget widget_recent_comments"> <h3 class="widget-title">Новые статьи</h3> <ul id="recentcomments"> <li class="recentcomments"><a href="/browsers/kak-vyklyuchit-ogranicheniya-na-aifone-5-kakoi-standartnyi-kod-parol/">Какой стандартный код пароль ограничений в iPhone по умолчанию</a></li> <li class="recentcomments"><a href="/classmates/es-fail-eksplorer-provodnik-es-explorer-luchshii-failovyi-menedzher-dlya-android-glavnye/">Проводник ES Explorer – лучший файловый менеджер для Android</a></li> <li class="recentcomments"><a href="/windows-7/oshibka-scenariya-v-1s-kak-ubrat-kak-ubrat-oshibku-scenariya-v-windows-reshaem/">Как убрать ошибку сценария в Windows?</a></li> <li class="recentcomments"><a href="/skype/pechat-eksele-zagolovka-kazhdoi-stranice-sozdanie-skvoznyh/">Создание сквозных строк в Microsoft Excel</a></li> <li class="recentcomments"><a href="/classmates/l-10-e-mail-obyazatelno-ne-publikuetsya-obzor-stiralnoi-mashiny-vyazma-harakteristiki-i-instrukciya/">Обзор стиральной машины Вязьма: характеристики и инструкция</a></li> <li class="recentcomments"><a href="/audio/kak-sdelat-bekap-na-xiaomi-dlya-sozdaniya-rezervnoi-kopii-dannyh-vse-rabochie/">Все рабочие способы сделать бэкап на Xiaomi Где miui хранит бэкап</a></li> <li class="recentcomments"><a href="/audio/kolonka-jbl-charge-3-kitaiskaya-kopiya-obzor-kolonki-jbl-uchimsya/">Колонки JBL: учимся отличать подделку от оригинала</a></li> <li class="recentcomments"><a href="/windows-7/kak-uznat-naimenovanie-materinskoi-platy-na-kompyutere-kak-uznat-materinskuyu-platu-na-noutbuke/">Как узнать материнскую плату на ноутбуке</a></li> <li class="recentcomments"><a href="/usb-flash-drive/ustanovka-vindovs-dannyi-disk-ne-ustanovka-windows-na-dannyi-disk-nevozmozhna/">Установка Windows на данный диск невозможна – стиль разделов GPT</a></li> <li class="recentcomments"><a href="/vkontakte/kakie-fleshki-usb-samye-nadezhnye-i-bystrye-kak-vybrat-fleshku-s-vysokoi/">Как выбрать флешку с высокой скоростью и надежной памятью Лучшие Flash-накопители с двумя вариантами подключения</a></li> </ul> </aside> <aside id="recent-comments-2" class="widget widget_recent_comments"> <h3 class="widget-title">Последние статьи</h3> <ul id="recentcomments"> <li class="recentcomments"><a href="/vkontakte/kak-na-mts-v-minuse-vzyat-v-dolg-kak-pozvonit-esli-net-deneg-na/">Как позвонить, если нет денег на сим-карте мтс Мтс нет денег на счету</a></li> <li class="recentcomments"><a href="/windows-7/gugl-plei-market-ne-poluchaetsya-zaiti-neobhodimo-voiti-v-akkaunt/">Почему не заходит в Плей Маркет?</a></li> <li class="recentcomments"><a href="/usb-flash-drive/kak-udalit-istoriyu-prosmotrov-v-safari-na-mac-upravlyaem/">Управляем веб-историей в Safari для iOS История safari ipad</a></li> <li class="recentcomments"><a href="/odnoklassniki/kak-popast-v-umnuyu-lentu-vkontakte-umnaya-lenta-vkontakte-kak-rabotaet-i/">Умная лента ВКонтакте: как работает и как попасть</a></li> <li class="recentcomments"><a href="/browsers/shema-podklyucheniya-provodov-na-materinskoi-plate-foxconn-kak-k/">Как к материнской плате подключить провода: пошаговая инструкция</a></li> <li class="recentcomments"><a href="/browsers/kak-sdelat-proshivku-dlya-samsunga-proshivka-android-samsung-s-pomoshchyu-odin-proshivka-samsung/">Прошивка Android Samsung с помощью Odin</a></li> <li class="recentcomments"><a href="/audio/smartfon-vernee-thor-e-prodolzhenie-lineiki-thor-smartfon-vernee-thor-e/">Смартфон Vernee Thor E, продолжение линейки Thor Коммуникация между устройствами в мобильных сетях осуществляется посредством технологий, предоставляющих разные скорости передачи данных</a></li> <li class="recentcomments"><a href="/classmates/gorod-kvandzhu-udivitelnye-fakty-deshevye-aviabilety/">Дешевые авиабилеты Кванджу – Южная Корея (KWJ – KR)</a></li> <li class="recentcomments"><a href="/vkontakte/irkutskenergosbyt-lichnyi-kabinet-vhod-v-kabinet-voiti-po-nomeru/">Иркутскэнергосбыт личный кабинет физического лица — российская энергосбытовая компания Иркутскэнергосбыт личный кабинет физического лица передать</a></li> <li class="recentcomments"><a href="/wi-fi-ethernet/vk-mobil-polnaya-i-mobilnaya-versii-vkontakte-vk-mobilnaya-versiya-voiti/">Полная и мобильная версии вконтакте</a></li> </ul> </aside> <aside id="recent-comments-2" class="widget widget_recent_comments"> </aside> </div> </div> </div> <div id="yandex_rtb_R-A-202909-1"></div> </div> </div> </div> <div id="footer-area"> <div class="container footer-inner"> <div class="row"> </div> </div> <footer id="colophon" class="site-footer"> <div class="site-info container"> <div class="row"> lickeys.ru - Полезные советы по социальным сетям. Инструкции по настройке ПК </div> </div> <div class="scroll-to-top"><i class="fa fa-angle-up"></i></div> </footer> </div> <script type="text/javascript"> disableSelection(document.body) </script> <script type='text/javascript' src='https://lickeys.ru/wp-content/plugins/akismet/_inc/form.js?ver=3.2'></script> <script type='text/javascript'> /* <![CDATA[ */ var cm_imgs = { "fileTypeError":"\u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435! \u0412\u044b \u043f\u044b\u0442\u0430\u0435\u0442\u0435\u0441\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043d\u0435\u0432\u0435\u0440\u043d\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043d\u043e \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u043b\u0435\u043d\u043e \u043a \u0432\u0430\u0448\u0435\u043c\u0443 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044e.","fileSizeError":"\u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435! \u0412\u044b \u043f\u044b\u0442\u0430\u0435\u0442\u0435\u0441\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0444\u0430\u0439\u043b. \u041f\u0440\u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0438 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f, \u0444\u0430\u0439\u043b \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u043b\u0435\u043d! \u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 \u0444\u0430\u0439\u043b\u0430:","limitFileSize":"2097152","fileCountError":"<strong>\u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435!<\/strong> \u0412\u044b \u043f\u044b\u0442\u0430\u0435\u0442\u0435\u0441\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u043e\u0432. \u041f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f, \u0444\u0430\u0439\u043b\u044b \u043d\u0435 \u0431\u0443\u0434\u0443\u0442 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u044b <br \/>\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439: ","limitFileCount":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='https://lickeys.ru/wp-content/plugins/comment-images-reloaded/js/cir.min.js?ver=4.9.1'></script> <script type='text/javascript' src='https://lickeys.ru/wp-content/themes/sparkling/inc/js/skip-link-focus-fix.js?ver=20140222'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.9.1'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script type='text/javascript' src='https://lickeys.ru/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.8.min.js?ver=1.6'></script> <script type='text/javascript' src='https://lickeys.ru/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js?ver=1.4.0'></script> <script type='text/javascript' src='https://lickeys.ru/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.13'></script> <script type="text/javascript"> jQuery(document).on('ready post-load', function(){ jQuery('.nofancybox,a.pin-it-button,a[href*="pinterest.com/pin/create/button"]').addClass('nolightbox'); } ); jQuery(document).on('ready post-load',easy_fancybox_handler); jQuery(document).on('ready',easy_fancybox_auto);</script> </body> </html>