Как определить незакрытые теги. HTML-теги html, head, body. Теги, которые есть в любой страничке интернета
Здравствуйте, уважаемые читатели блога ! Продолжаем рубрику «Создаем сайт с нуля», а в частности тему тегов... И сегодня мы рассмотрим теги, которые присутствуют в любой интернет-страничке - , и
. Есть еще один тег, который должен находиться в каждом HTML-документе и про который я уже писал в одной из предыдущих статей — , поэтому затрагивать его мы не будем.
В прошлых статьях рубрики я писал про создание пустого файла в формате html. Фактически, он был использован в статье про (именно в нем были применены теги заголовков). Теперь мы напрямую будем редактировать этот файл с полными описаниями.
И начнем статью именно с редактирования созданного файла. Лично я назвал его index.html, но имя может быть любым. Открываем его с помощью любого текстового редактора (лучше использовать Notepad++, так как в нем есть подсветка кода и другие полезные примочки). И сразу добавим в него теги ,
и ровно в таком порядке, в каком они написаны. Не забудьте их закрыть, как показано на скриншоте. Документ примет следующий вид:
А теперь рассмотрим значение каждого тега в отдельности. Не зря же они есть в каждом HTML-документе.
Функции тега
Итак, тег является
контейнерным
(). Внутри него заключается все видимое и невидимое содержимое веб-страницы (включая теги и ). Открывающий тег идет сразу после декларации Doctype, а закрывающий стоит в конце документа. Тем самым, он дает понять браузеру, откуда начинать обработку документа и где ее заканчивать.
Теоретически, он и сам может понять что и как. Ведь ? Это переводчик языка HTML и вряд ли он начнет обработку с середины документа и закончит ее, не дойдя до конца. Вопрос, конечно, спорный, но я всегда думал (и сейчас не отказываюсь от своего мнения) о том, что написание данного тега обязательно.
Даже учитывая то, что функция данного тега лишь в обозначении границ содержимого
, он имеет свои атрибуты (которые сейчас либо не используются вообще, либо используются крайне редко). В разных источниках указываются отличные друг от друга атрибуты, поэтому не осмелюсь выдвигать правильную версию.
Единственное, что точно могу сказать — большинство атрибутов не поддерживаются HTML 4.01 или нежелательны. Хотя один пример все же приведу. — всплывающая подсказка в любом месте документа. Например, при наведении мыши на изображение вы можете увидеть всплывающий текст. Также и в случае с этим тегом:
А вот что вы увидите, наведя курсор на документ с данным содержимым:
Предпочтительнее использовать атрибут title не в теге , а в любых других конкретных участках страницы. Во-первых — удобно, во-вторых — поисковые системы лучше отнесутся к вашему сайту. Непосредственно на оптимизацию ресурса этот тег не оказывает. Идем далее.
Функция тега
И следующим на очереди идет
тег
. В нем содержится вся техническая информация о странице, которая служит для помощи браузеру и поисковым системам. Тег является контейнерным и следует сразу после , только в отличии от последнего, закрывающий тег стоит не в конце документа, а перед открывающим тегом .
Какую же информацию можно увидеть в
? А никакую. Все, что находится в пределах этого тега доступно для глаза человека только с помощью просмотра исходного кода страницы. Все содержимое этого тега предназначено для
поисковых систем и браузеров
. Единственное, что вы хоть как-то можете увидеть это тег
, который отвечает за заголовок окна веб-страницы. Вот пример:</p>
<p><img src='https://i2.wp.com/monetavinternete.ru/wp-content/uploads/2013/01/Title-v-tege-head.png' align="center" width="100%" loading=lazy></p>
<p>Текст после иконки и есть содержание тега <title>. А теперь рассмотрим содержание <head>, которое мы увидеть не можем, но которое является очень важной частью <b>создания и продвижения сайта.
</b>В первую очередь это строка</p><p>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</p><p>Это мета-тег отвечающий за <b>тип содержимого страницы
</b> (Content-Type). В данном случае, это html код в кодировке UTF-8 (content="text/html; charset=UTF-8"). Далее идет тег title, описанный выше. Затем идут строки, начинающиеся с тега <link>. Он указывает на связь с внешним документом. Например, строка</p><p>
<link href="http://сайт/.../style.css" rel="stylesheet" media="screen" type="text/css" />
</p><p>указывает на то, что подключен (rel="stylesheet") файл с (type="text/css"), который находится по такому-то адресу (для уменьшения длины строки, я заменил половин адреса на точки). После обработки данной строки браузером он определит, откуда брать <b>каскадные таблицы стилей
</b>.</p>
<p>Вообще, в теге head много информации,о которой можно рассказывать бесконечно долго. Последнее, что стоит отметить (конкретно в случае с ) — наличие тегов описания, ключевых слов и canonical. Я использую <b>плагин All in One SEO Pack
</b>, поэтому они и присутствуют в пределах <head>.</p>
<p>Как я уже говорил, теги HTML - это специальные инструкции, указывающие браузерам как отображать ту или иную часть страницы. Сейчас мы поговорим о них подробнее, но не старайтесь сразу все запоминать - у вас не получится, да и не нужно это, так как в остальных главах вы будете на каждом шагу сталкиваться с тегами - постепенно все само запомнится. Просто прочитайте и постарайтесь понять.</p>
<h2>Открывающие и закрывающие теги, теги-контейнеры</h2>
<p>Теги могут быть <i>открывающими
</i> (начальными) и <i>закрывающими
</i> (конечными). Открывающие теги состоят из знаков «<» и «>» между которыми указывается имя тега, а у закрывающих перед именем дополнительно ставится прямой слэш (/).</p>
<p>Большинство HTML-тегов являются парными - имеют обязательные открывающий и закрывающий теги, например: <STRONG>
и </STRONG>
. Некоторые имеют только открывающий тег, например <BR>
, и называются <b>пустыми
</b>. Другие же могут иметь открывающий тег, а закрывающий можно указывать, а можно и нет, тогда браузер сам определит, где заканчивается действие тега.</p>
<p>Теги, которые имеют обязательный или необязательный закрывающий тег принято называть <b>теги-контейнеры
</b> или <b>элементы-контейнеры
</b>.</p>
<p>Все теги HTML не чувствительны к регистру, то есть можно указывать <STRONG>
и <strong>
или вообще <sTRonG>
.</p>
<p>Теперь совет. Рекомендую вам всегда писать теги в нижнем регистре (строчными буквами) и ставить необязательные закрывающие теги. Во-первых, это является признаком профессионализма и хорошего тона, а во-вторых, в HTML-коде со всеми закрывающими тегами гораздо проще ориентироваться и править его. Ну да я вам об этом еще не раз напомню.</p>
<p>Пример использования тегов</p><p>
<b>Жирный шрифт</b> <i>Курсивный шрифт</i>
</p><p>Результат в браузере</p>
<h2>И все таки, как будет правильно - «теги» или «элементы»?</h2>
<p>Вообще, в большинстве случаев правильно будет говорить - «элементы». Именно из HTML-элементов состоит веб-страница, и именно элементы выводят в окне браузера изображения, таблицы, ссылки и т.д. А теги предназначены для того, чтобы сообщить браузеру, где и какой элемент находится, начинается и заканчивается. Давайте еще раз рассмотрим пример, который расположен выше. Там указаны два элемента B
и I
. Каждый из них содержит обычный текст и имеет открывающий и закрывающий теги.</p>
<p>Так уж сложилось, что на сегодняшний день слово «тег» прочно вошло в русский язык (да и не только в русский) в качестве синонима слову «элемент». Я думаю из-за того, что при использовании обоих слов не теряется смысл повествования. Поэтому в данном учебнике я тоже буду использовать оба этих слова, чтобы вы привыкли к ним и научились подсознательно определять, о чем идет речь в каждом конкретном случае. И сильно на этом не заморачивайтесь, знаете, чем отличается тег от элемента - вот и хорошо.</p>
<h2>Теги можно указывать в одну строку, а можно в несколько</h2>
<p>Да, HTML-теги можно указывать в одну строку, а можно в несколько, для браузеров это не имеет никакого значения, они просто игнорируют переносы строк. А также между тегами можно ставить сколько угодно пробелов - все подряд идущие пробелы браузеры воспринимают как один. Например, вот так:</p>
<p>
<b>Жирный шрифт</b>
<i>
Курсивный шрифт
</i>
</p><p>Результат в браузере</p>
<h2>Правильная вложенность тегов</h2>
<p>Многие теги можно вкладывать друг в друга, чтобы они вместе воздействовали на один и тот же элемент страницы. Но при этом важно соблюдать правильную вложенность - тег, появляющийся раньше, должен закрываться позже. Кстати, ошибка вложенности является одной из самой распространенной среди новичков.</p>
<p><тег1><тег2><тег3>
...<span></тег3></тег2></тег1>
</span> - правильно</p>
<p><тег1><тег2><тег3>
...<span></тег1></тег3></тег2>
</span> - неправильно</p>
<p>Пример использования вложенных тегов</p><p>
<b><i>Жирный курсивный шрифт</i></b>
</p><p>Результат в браузере</p>
<h2>Родительские и дочерние теги, потомки и предки</h2>
<p>Чтобы указать иерархическую структуру HTML-тегов, их принято называть определенными словами. На самом деле все очень просто. Итак, давайте возьмем такой пример:</p><p>
<тег1>
<тег2>...</тег2>
<тег3><тег4>...</тег4></тег3>
</тег1>
</p><p><b>Родительские теги
</b> - тег является родительским для других тегов, если они вложены внутрь него на один уровень. В нашем примере <ТЕГ1>
является родительским для <ТЕГ2>
и <ТЕГ3>
, но не является для тега <ТЕГ4>
. А вот <ТЕГ3>
родитель <ТЕГ4>
.</p>
<p><b>Дочерние теги
</b> - обратно родительским. <ТЕГ2>
и <ТЕГ3>
дочерние для <ТЕГ1>
, а <ТЕГ4>
для тега <ТЕГ3>
.</p>
<p><b>Предки
</b> - тег является предком для всех тегов, которые находятся внутри него на любом уровне вложенности. <ТЕГ1>
предок для всех тегов, а <ТЕГ3>
предок <ТЕГ4>
.</p>
<p><b>Потомки
</b> - обратно предкам. Все теги - потомки тега <ТЕГ1>
, но <ТЕГ4>
еще и потомок тега <ТЕГ3>
.</p>
<p>Ну что, не запутались? Чтобы проще запомнить, проведите аналогию со своим семейным древом и сразу все встанет на свои места.</p>
<h2>Что значит «один тег содержит другой»?</h2>
<p>Как вы уже знаете, теги можно вкладывать друг в друга и, соответственно, одни могут содержать другие. Но тут есть один небольшой, но очень важный момент, которому новички часто не уделяют должного внимания. Давайте возьмем уже знакомый нам пример:</p><p>
<тег1>
<тег2>...</тег2>
<тег3><тег4>...</тег4></тег3>
</тег1>
</p><p>Говорят, что один тег содержит другой только, если первый является родительским тегом, а второй - дочерним и никак иначе. то есть в нашем примере <ТЕГ1>
содержит <ТЕГ2>
и <ТЕГ3>
, но не содержит <ТЕГ4>
. А вот <ТЕГ3>
как раз и содержит <ТЕГ4>
. Немного необычно, правда? Но своя логика в этом есть, согласитесь.</p>
<p>Каждый HTML-элемент может содержать только определенный набор тегов, а некоторые вообще не могут содержать ничего кроме текста. Все это зависит от типа, к которому относится тег, поэтому, перед тем как вкладывать теги, проверьте - может ли один из них содержать другой.</p>
<h2>Типы тегов</h2>
<p>В HTML, теги делятся на несколько типов или моделей:</p>
<p><b>Inline (встроенные, уровня строки)
</b> - все, что выводят эти теги на страницу, всегда отображается браузером на одной сроке. И только если доступной ширины (например, ширины окна браузера) не хватает, то происходит перенос строки на следующую и т.д.</p>
<p>Пример использования встроенных тегов</p><p>
<b>Жирный шрифт</b> <i>Курсивный шрифт</i>
</p><p>Результат в браузере</p>
<p><b>Block (блочные, уровня блока)
</b> - все, что выводит каждый из таких тегов на страницу, отображается браузером с новой строки, После себя такие элементы также создают переносы строк.</p>
<p>Пример использования блочных тегов</p><p>
<p>Параграф 1</p> <p>Параграф 2</p>
</p><p>Результат в браузере</p>
<p>Параграф 1</p> <p>Параграф 2</p>
<p>Есть еще теги других типов, но о них мы с вами поговорим в дальнейших уроках, а эти два типа самые распространенные в HTML.</p>
<p>Ну что, надеюсь пока все понятно? Тогда пошли дальше.</p>
<table id="step"><tr><td></td></tr></table>
XML
предназначен для широкого использования, символы не ограничены 7-битным набором символов ASCII
. К числу символов, допустимых в языке XML
, относятся три управляющих символа СО
стандарта ASCII
, все обычные символы этого стандарта и почти все остальные символы Unicode
<h3>Имена.</h3><p>В языке XML
все имена должны начинаться с буквы, символа нижнего подчеркивания (_) или двоеточия (:) и продолжаться только допустимыми для имен символами, а именно они могут содержать только буквы, входящие в секцию букв кодировки Unicode, арабские цифры, дефисы, знаки подчеркивания, точки и двоеточия. Однако имена не могут начинаться со строки xml
в любом регистре. Имена, начинающиеся с этих символов, зарезервированы для использования консорциумом W3C
. Нужно помнить что так как буквы не ограничены исключительно символами ASCII
, то в именах можно использовать слова из родного языка.</p> <h3>Структура XML- документа.</h3><p>Любой XML
-документ состоит из следующих частей:</p><ul><li>Необязательный пролог.</li>
<li>Тело документа.</li>
<li>Необязательный эпилог, следующего за деревом элементов.</li>
</ul><p>Рассмотрим каждую из частей более подробно.</p> <h3>Пролог XML- документа.</h3><p>Документ XML
начинается с пролога. В прологе содержатся некоторые указания, предназначенные для анализатора XML
и приложений.</p><p>Пролог
состоит из нескольких частей:</p><ol><li>необязательное объявление XML (XML Declaration) которое заключено между символами <?...?>. Объявление содержит:<ul><li>пометку xml и номер версии (version) спецификации XML;</li>
<li>указание на кодировку символов (encoding), в которой написан документ (по умолчанию encoding="UTF-8"
);</li>
<li>параметр standalone
который может принимать значения "yes" или "no" (по умолчанию standalone="yes"
). Значение "yes" показывает, что в документе содержатся все требуемые декларации элементов, a "no" - что нужны внешние определения DTD
.</li>
</ul><p>Все это вместе может выглядеть следующим образом:</p>
<p><?xml version ="1.0" encoding="windows-1251" standalone="yes"?>.</p>
<p>Важно отметить, что в объявлении XML только атрибут version является обязательным, все остальные атрибуты могут быть опущены и, следовательно, принимать значения по умолчанию. Так же нужно помнить, что все эти атрибуты следует указывать только в приведенном выше порядке.</p>
</li>
<li>комментарии.</li>
<li>команды обработки.</li>
<li>символы пустых пространств.</li>
<li>необязательное <span>объявление типа документа
</span>, DTD
(Document Type Declaration
) которое заключено между символами <!DOCTYPE...>
и может занимать несколько строк. В этой части объявляются теги, использованные в документе, или приводится ссылка на файл, в котором записаны такие объявления.</li>
</ol><p>После <span>объявление типа документа
</span> так же могут следовать комментарии, команды обработки и символы пустых пространств.</p><p>Поскольку все эти части необязательны, пролог
может быть опущен.</p> <h3>Тело XML-документа.</h3><p>Тело документа
состоит из одного или больше элементов. В правильно оформленном XML
документе элементы формируют простое иерархическое дерево
, в котором обязательно присутствует <span>корневой элемент
</span> ( root
element
) в который вложены все остальные элементы документа. Язык XML
налагает на элементы чрезвычайно важное ограничение - они должны быть правильно вложены. Это позволяет достаточно легко вложить один XML
- документ в другой не нарушая структуру документа, при этом <span>корневой элемент
</span> вложенного документа станет просто одним из элементов документа, в который он вложен. В связи с этим мы сталкиваемся с еще одним ограничением, а именно с тем, что имена элементов должны быть уникальны в пределах документа, поскольку во включенном документе такие же имена, что и во включающем могут иметь совершенно иной смысл. Для решения проблемы совпадающих имен введено понятие пространства имен.</p><p>Имя корневого элемента считается именем всего документа и указывается во второй части пролога после слова Doctype
. Если определение
DTD
находится внутри XML
- документа, то оно помещается в квадратных скобках после имени корневого элемента:</p><p><!DOCTYPE имя_корневого_элемента [описание DTD ]></p><p>Но обычно определение
DTD
составляется сразу для нескольких XML
-документов. В таком случае его удобно записать отдельно от документа и тогда вместо квадратных скобок записывается одно из слов System
или Public
после которого идет адрес
в форме URI
( Uniform
Resource
Identifier
) файла с определением DTD
. Для всех практических целей URI
считается эквивалентом адреса URL
, хотя в принципе это может быть любое уникальное имя. Определение
DTD
, например, может выглядеть следующим образом:</p><p><!DOCTYPE root_element_name SYSTEM "DTD.dtd"></p> <h3>Пространства имен XML</h3><p>Поскольку в разных XML
-документах могут встретится одни и те же имена тегов и их атрибутов, имеющие совершенно разный смысл, надо иметь возможность их как-то различать. Для этого имена тегов и атрибутов снабжают кратким префиксом, который отделяется от имени двоеточием. Префикс
имени связывается с идентификатором, определяющим <span>пространство имен
</span> (namespace
). Все имена тегов и атрибутов, префиксы которых связаны с одним и тем же идентификатором, образуют одно <span>пространство имен
</span>, в котором имена должны быть уникальны. Префикс
и идентификатор
пространства имен определяются атрибутом xmlns
следующим образом:</p><p><ns:root_element_name xmlns:ns = "http://URI_namespace"></p><p>В дальнейшем имена тегов и атрибутов, которые мы хотим отнести к пространству имен "http://URI_namespace"
, снабжаются префиксом ns, например:</p><p><ns:city ns:type="город">Новосибирск</ns:city>.</p><p>Атрибут
xmlns может появиться в любом элементе XML
, а не только в корневом. Определенный им префикс
можно применять в том элементе, в котором записан атрибут
xmlns
, и во всех вложенных в него элементах. Более того, в одном элементе можно определить несколько пространств имен. Во вложенных элементах <span>пространство имен
</span> можно переопределить, связав префикс
с другим идентификатором. Появление имени тега без префикса в документе, использующем <span>пространство имен
</span>, означает, что имя принадлежит пространству имен по
умолчанию. Префиксы, начинающиеся с символов xml
с любым регистром букв, зарезервированы за самим языком XML
.</p><p>Имя вместе с префиксом называется расширенным или уточненным именем. Часть имени, записанная после двоеточия, называется локальной частью имени.</p>
<p>Содержимое html-документа или веб-страницы определяется содержимым html элементов.</p>
<h3>HTML элементы</h3>
<p>HTML-элемент это все, что находится между стартовым(открывающим) и конечным(закрывающим) тегами.</p>
<h3>Синтаксис элементов html</h3>
<ul><li>HTML элемент начинается с <b>открывающего/стартового тега
</b>.</li>
<li>HTML элемент заканчивается <b>закрывающим/конечным тегом
</b>.</li>
<li><b>Содержимое элемента
</b> это все, что находится между открывающим и закрывающим тегами.</li>
<li>Некоторые элементы могут быть <b>пустыми
</b>.</li>
<li>Пустые элементы состоят только из <b>открывающего
</b>тега.</li>
<li>Большая часть html элементов может иметь <b>атрибуты.
</b></li>
</ul><p>(Вы узнаете больше об атрибутах в следующих главах учебника.)</p>
<h3>Вложенные элементы</h3>
<p>Большая часть html элементов может быть вложена друг в друга. HTML документ состоит из вложенных элементов.</p>
<h3>Пример</h3>
<html><p>
<body><br>
<p>Это мой первый параграф.</p><br>
</body></p>
<p>Приведенный пример состоит из трех элементов:</p>
<p><b>1.
</b> Элемент <b><p>
</b> используется для вставки параграфа в веб-страницу. Имеет открывающий и закрывающий теги. Содержимое этого элемента в нашем примере - надпись «Это мой первый параграф».</p>
<p><b>2.
</b> Элемент <b><body>
</b> описывает видимую часть содержимого веб-страницы. Имеет открывающий и закрывающий теги. В него вложен элемент <p>Со своим содержимым.</p>
<p><b>3.
</b> Элемент <b><html>
</b> описывает весь html документ. Имеет открывающий и закрывающий теги. В него вложены уже два элемента <body> и
<h3>Не забывайте закрывающий тег</h3>
<p>Большинство браузеров корректно отобразят ваш код html, даже если вы забудете поставить закрывающий тег. Однако, это может привести к ошибкам и непредсказуемым результатам.</p>
<p>Внимание!
Будущие версии HTML не позволяют забывать закрывающие теги.</p>
<h3>Пустые HTML элементы</h3>
<p>HTML элементы без содержимого называются пустыми элементами. Пустые элементы состоят из одного тега.</p>
<p><b><br>
</b> это пустой элемент, не имеющий закрывающего тега (он используется для отображения горизонтальной черты).</p>
<p>В XHTML, XML и будущих версиях HTML все элементы должны быть закрыты. Чтобы сделать это, вам достаточно добавить наклонную черту через пробел после названия тега <b><br />
</b>. Это хорошая привычка, которая пригодится в будущем.</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>
<div class="single-popular">
<div class="single-popular-tit col-lg-12">
Популярное в рубрике:
</div>
<div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="single-popular-item-wrp">
<img width="150" height="120" src="/uploads/5be8b76667696c4cd63a8c38979b50af.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Как объединить слои в фотошопе в один или соединить их в группу Как объединить несколько слоев в фотошоп"/ loading=lazy>
<div class="single-popular-item-tit">
Как объединить слои в фотошопе в один или соединить их в группу... </div>
<a href="/settings/sposoby-obedineniya-sloev-v-fotoshope-kak-obedinit-sloi-v-fotoshope-v.html" rel="bookmark" title="Как объединить слои в фотошопе в один или соединить их в группу Как объединить несколько слоев в фотошоп">читать</a>
<div class="clr">
</div>
</div>
</div>
<div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="single-popular-item-wrp">
<img width="150" height="120" src="/uploads/33b72e60e1d3066a9663f391221dc014.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Перенос контактов на новый телефон android"/ loading=lazy>
<div class="single-popular-item-tit">
Перенос контактов на новый телефон android </div>
<a href="/phone/perenos-kontaktov-na-novyi-telefon-android-android-prilozheniya.html" rel="bookmark" title="Перенос контактов на новый телефон android">читать</a>
<div class="clr">
</div>
</div>
</div>
<div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="single-popular-item-wrp">
<img width="150" height="120" src="/uploads/ff504b14456f4702a94368a161811b1d.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Самсунг Галакси перезагружается сам по себе — Решения Galaxy note 4 перезагружается сам по себе"/ loading=lazy>
<div class="single-popular-item-tit">
Самсунг Галакси перезагружается сам по себе — Решения Galaxy note... </div>
<a href="/internet/esli-xiaomi-postoyanno-perezagruzhaetsya-samsung-galaksi-perezagruzhaetsya-sam-po.html" rel="bookmark" title="Самсунг Галакси перезагружается сам по себе — Решения Galaxy note 4 перезагружается сам по себе">читать</a>
<div class="clr">
</div>
</div>
</div>
<div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="single-popular-item-wrp">
<img width="150" height="120" src="/uploads/242e09224609f2b7cbd6b5b9f2adc411.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Основные возможности Kaspersky Rescue Disk"/ loading=lazy>
<div class="single-popular-item-tit">
Основные возможности Kaspersky Rescue Disk </div>
<a href="/rates/skachat-zagruzochnyi-disk-kasperskogo-osnovnye-vozmozhnosti-kaspersky-rescue.html" rel="bookmark" title="Основные возможности Kaspersky Rescue Disk">читать</a>
<div class="clr">
</div>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="sidebar col-lg-3 col-md-4 col-sm-12">
<div class="sidebar-wrp">
<div class="sidebar-wrp-title">Последние Статьи</div>
<div class="sidebar-wrp-des">
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/d93303aadea847492ee52538b585df87.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">Макбук не подключается к wifi Макбук не видит...</div>
<div class="clr"></div>
<a href="/phone/macbook-ne-podklyuchaetsya-k-wifi-avtomaticheski-makbuk-ne-podklyuchaetsya-k-wifi-makbuk-ne-vidit-vai-fai.html">читать</a>
</div>
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/094fe0c598853f299be65e8611b45d60.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">Как заработать на WebMoney</div>
<div class="clr"></div>
<a href="/internet/kak-zarabotat-rubli-na-webmoney-kak-zarabotat-na-webmoney-proverennye.html">читать</a>
</div>
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/280d369c9d1e343119c3d855af4b9c4d.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">"Супра", планшет: отзывы покупателей</div>
<div class="clr"></div>
<a href="/rates/planshet-podelka-est-takoi-supra-firma-supra-planshet-otzyvy-pokupatelei-plyusy-i-minusy.html">читать</a>
</div>
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/b1724f08fa52145089eaa72f836127ee.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">Местонахождения судов в реальном времени</div>
<div class="clr"></div>
<a href="/settings/voennye-korabli-v-realnom-vremeni-onlain-mestonahozhdeniya-sudov-v.html">читать</a>
</div>
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/534951a61241c179a7c060b9fe1143c8.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">Лучшие программы для Android Запись звонков от...</div>
<div class="clr"></div>
<a href="/rates/prilozheniya-dlya-android-obuchayushchie-programmy-dlya-detei-luchshie.html">читать</a>
</div>
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/e280b0808c5e749938522ba1df2a41ec.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">Удаляем не читателей в Твиттере</div>
<div class="clr"></div>
<a href="/services/kak-udalit-ne-vzaimnyh-chitatelei-v-twitter-udalyaem-ne-chitatelei-v.html">читать</a>
</div>
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/229610355b0a27a465c73ddb25664556.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">Подключаем интернет на ноутбуке: все возможные...</div>
<div class="clr"></div>
<a href="/phone/kak-vklyuchit-internet-na-kompyutere-ispolzuya-mobilnyi-telefon.html">читать</a>
</div>
<div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6">
<div class="last-post-img">
<img width="60" height="48" src="/uploads/5399be52c80b405fedf00779a6136b42.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy> </div>
<div class="last-post-tit">Samsung Galaxy S IV – новый флагман...</div>
<div class="clr"></div>
<a href="/phone/samsung-galaxy-s4-vtoroi-vzglyad-samsung-galaxy-s-iv-novyi-flagman-galakticheskogo-masshtaba-galak.html">читать</a>
</div>
<div class="clr"></div>
</div>
</div>
<div id="text-4" class="widget widget_text sidebar-wrp"> <div class="textwidget">
</div>
</div>
<div id="ketena1" style="height:500px;width:260px;" align="center"></div>
<div class="clr"></div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="container">
<div class="row">
<div class="footer-contacts col-lg-6 col-md-6 col-sm-12 col-xs-12">
<img src="/logo/logo.png" loading=lazy>
<div class="footer-contacts-tit">innovakon.ru<br>Мобильные телефоны и связь</div>
<div class="footer-soc">
<div class="footer-soc-wrp">
<div class="soc_w">
<a href="#" class="soc-link vk" target="_blank"></a>
<a href="#" class="soc-link fb" target="_blank"></a>
</div>
</div>
</div>
</div>
<div class="footer-links col-lg-4 col-md-6 col-sm-12 col-xs-12">
</div>
<div class="footer-links col-lg-4 col-md-4 col-sm-4 col-xs-4" style="display: block;">
<ul>
<li><a href="">Редакция проекта</a></li>
<li><a href="">Реклама на сайте</a></li>
</ul>
<ul>
<li><a href="/feedback.html">Контакты</a></li>
<li><a href="/sitemap.xml">Карта сайта</a></li>
</ul>
</div>
</div>
</div>
<div class="copyright">© 2024 Мобильные телефоны и связь</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://innovakon.ru/wp-content/themes/trudinsp/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://innovakon.ru/wp-content/themes/trudinsp/js/SmoothScroll.js"></script>
<a id="scroll-to-top" href="#" title="Scroll to Top">Top</a>
<script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script>
<script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.4.1'></script>
<script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/jquery-smooth-scroll/js/jss-script.min.js?ver=4.8.3'></script>
<script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script>
<script type='text/javascript' src='/wp-includes/js/jquery/ui/effect.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='/wp-includes/js/jquery/ui/effect-blind.min.js?ver=1.11.4'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var stbUserOptions = { "mode":"css","cssOptions":{ "roundedCorners":false,"mbottom":20,"imgHide":"http:\/\/innovakon.ru\/wp-content\/plugins\/wp-special-textboxes\/themes\/stb-metro\/minus.png","imgShow":"http:\/\/innovakon.ru\/wp-content\/plugins\/wp-special-textboxes\/themes\/stb-metro\/plus.png","strHide":"\u0421\u043a\u0440\u044b\u0442\u044c","strShow":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c"} };
/* ]]> */
</script>
<script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/wp-special-textboxes/js/wstb.min.js?ver=5.5.101'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.3'></script>
<script type="text/javascript" id="slb_context">/* <![CDATA[ */if ( !!window.jQuery ) { (function($){ $(document).ready(function(){ if ( !!window.SLB ) { { $.extend(SLB, { "context":["public","user_guest"]} );} } })} )(jQuery);} /* ]]> */</script>
</body>
</html> 