Как настроить смартфоны и ПК. Информационный портал

Кодировка html документа. Кодировка HTML-страницы

Влад Мержевич

Метатеги используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.

Метатеги для поисковых механизмов

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

Два метатега предназначены специально для поисковых серверов: description (описание) и keywords (ключевые слова). Некоторые вебмастера добавляли в раздел keywords ключевые слова, которые не имеют никакого отношения к теме сайта, но зато пользовались определенным успехом среди посетителей поисковиков. Однако, через некоторое время, поисковые системы научились бороться с таким явлением и проверяют содержимое веб-страницы на соответствие заявленным ключевым словам.

Некоторые принципы, относящиеся к метатегам:

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

description

Большинство поисковых серверов отображают содержимое поля description (пример 1) при выводе результатов поиска. Если этого тега нет на странице, то поисковый движок просто перечислит первые встречающиеся слова на странице, которые, как правило, оказываются не очень-то и в тему.

Пример 1. Использование Description

description

keywords

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

Пример 2. Использование Keywords

keywords

Ключевые слова можно перечислять через пробел или запятую. Поисковые системы сами приведут запись к виду, который они используют.

Автозагрузка страниц

Чтобы автоматически загружать новый документ через определенный промежуток времени используется инструкция http-equiv="refresh" (пример 3).

. Для операционной системы Windows и кириллицы charset обычно принимает значение utf-8 или windows-1251 (пример 4).

Пример 4. Выбор текущей кодировки

Кодировка

Кириллица

Если указание кодировки отсутствует, браузер пытается сам определить, какой тип символов используется в документе и выбирает необходимую кодировку автоматически. Браузер не всегда может точно распознать язык веб-страницы и в некоторых случаях предлагает вьетнамскую кодировку вместо кириллицы. По этой причине лучше всегда указывать приведенную строчку. Тем не менее, возникают обстоятельства, когда указание кодировки может принести определенный вред. Например, веб-сервер автоматически использует перекодирование данных в KOI-8, а браузер, встретив параметр charset=windows-1251 , переводит текст в кодировку Windows. Получается двойное изменение символов, прочитать такой текст не просто. К счастью, подобная проблема уже отходит в прошлое, во всяком случае, ее легко можно выявить и нейтрализовать на уровне сервера.

15.03.2016

Пока нет


Всем привет!
Продолжаем изучать основы HTML. В этом уроке мы разберем, как указать HTML кодировку для сайта (веб-страницы).
Этот урок очень важен, так как незнание того, как указать кодировку для веб-страницы может привести к тому, что вашу страницу не смогут прочитать. Вы спросите: «Это как так, не смогут?».
Давайте я покажу, как выглядит мой блог с неправильной кодировкой:

Итак, HTML кодировка – это таблицы соответствия кодов и символов алфавита. То есть, наш компьютер по кодировке поменяет код на понятные читабельные буквы .

Чтобы сообщить браузеру, в какой кодировке находятся символы веб-страницы, необходимо прописать между тегами вот такой мета тег:

Обратите внимание, в коде есть слово «имя кодировки». Здесь нужно указать HTML кодировку.
Обычно это utf-8 или windows-1251 .

Кодировка для utf-8 :

Кодировка для windows-1251 :

Если забыть указать браузеру, в какой кодировке сайт или веб-страница, то браузер попытается определить кодировку автоматически, но не всегда у него это выходит правильно. В итог результат будет такой, который я показал на картинке выше.

Переходим к практике.

Как создать HTML документ с
кодировкой utf-8

«Все программы» => «Стандартные» => «Блокнот» :

</body> </html> </p><p> <head></head> вот этот мета-тег:</p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </p><p> <html> <head> <title> Моя первая HTML-страничка на StepkinBlog.. </body> </html> </p><p>Жмите в блокноте <span>«Файл» => «Сохранит как…» </span>:</p> <p><img src='https://i2.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-3.png' width="100%" loading=lazy></p><p><br> Там, где пункт «Кодировка:» укажите «UTF-8» .<br> Жмите «Сохранить» :</p> <p><img src='https://i1.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-4.png' width="100%" loading=lazy></p><p>Увеличить изображение?</p> <h3><span>Как создать HTML документ с кодировкой windows-1251 </span></h3> <p>Открывайте стандартный блокнот. <span><i>«Все программы» => «Стандартные» => «Блокнот» </i> </span>.<br> Далее вставляете в блокнот стандартный код HTML:</p><p> <html> <head> <title> Моя первая HTML-страничка на StepkinBlog.. </body> </html> </p><p>Теперь указываем, в какой кодировке сохранена веб-страница. Для этого разместите между тегами <head></head> вот этот мета-тег:</p><p> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </p><p>Вот так должно получиться (строка №4 ):</p><p> <html> <head> <title> Моя первая HTML-страничка на StepkinBlog.. </body> </html> </p><p>Жмите в блокноте <span>«Файл» => «Сохранит как…» </span>:</p> <p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-5.png' width="100%" loading=lazy></p> <p>Там, где пункт «Имя файла» напишите название веб-страницы на латинице и с расширением «.html» . Я думю, вы это помните еще с первых уроков.<br> Там, где пункт «Кодировка:» укажите «ANSI» .<br> Жмите «Сохранить» :</p> <p><img src='https://i2.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-6.png' width="100%" loading=lazy></p> <p>Вот и все!</p> <p>Большинство вебмастеров выбирают кодировку UTF-8 . Причины говорить не буду, так как боюсь нагрузить вас информацией, которая на вашем этапе познания HTML еще не нужна.</p> <p>Для примера в блокнте установите код:</p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </p><p>И укажите при сохранении «ANSI» :</p> <p><img src='https://i2.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-6.png' width="100%" loading=lazy></p> <p>Так как это неправильно, результат будет вот таким:</p> <p>Сохраняйте правильно ваши веб-страници во избежание вот таких результатов </p> <p>Предыдущая запись <br></span> <span>Следующая запись <br></p> <p>Задаём набор символов</p> <h3>Мета-тег</h3> <p>Нужно добавить на каждую страницу (или в шаблон шапки) специальный мета-тег, сообщающий браузеру о том, какой набор символов ему использовать для отображения текстов. Тег этот стандартный и выглядит обычно так:</p> <blockquote><p><meta http-equiv=»Content-Type» content=»text/html; <b>charset=UTF-8 </b>» /></p> </blockquote> <blockquote><p><meta <b>charset=»utf-8″ </b> /> (вариант для HTML 5)</p> </blockquote> <p>Надо вставить его в раздел <head></head> — лучше в самое начало, сразу после открывающего <head>:</p> <p><img src='https://i2.wp.com/web-ru.net/wp-content/uploads/2012/11/meta-teg-charset.png' width="100%" loading=lazy></p><p>Мета-тег кодировки</p> <h3>Через.htaccess (если ничего не помогает)</h3> <p>Обычно первых двух вариантов достаточно и браузеры отображают текст <i>как надо </i>. Но с некоторыми из них могут быть проблемы и поэтому можно прибегнуть к помощи <i>файла.htaccess </i>.</p> <p>Для этого в нём нужно прописать такую строчку:</p> <blockquote><p>AddDefaultCharset utf-8</p> </blockquote> <p>Вот и всё. Если вы примените последовательно 3 этих способа задания кодировки на своём проекте, то вероятность того, <i>что всё будет отображено как надо </i>, близка к 100 %.</p> <h2>Как «увидеть», что скрывается за непонятными символами на сайте?</h2> <p>Если вы зашли на веб-страницу, видите «кракозябры» и хотите увидеть нормальный текст, то тут только два пути:</p> <ul><li>сообщить сайтовладельцу, чтобы всё настроил как следует</li> <li>попытаться угадать кодировку самостоятельно. Делается это стандартными средствами браузеров. В Chrome, например, нужно в меню щёлкнуть <span><i>«Инструменты => Кодировка» </i> </span> и из огромного списка выбрать подходящий набор символов (т.е. угадать).</li> </ul><p>К счастью, практически все современные веб-проекты делаются в кодировке UTF-8, которая является «универсальной» для разных алфавитов и поэтому всё менее и менее вероятно увидеть эти непонятные символы в Интернет.</p> <p>Одной из самых частых проблем, с которой сталкивается начинающий <b>Web-мастер </b> (да и не только начинающие), это <b>проблемы с кодировкой на сайте </b>. Даже у меня постоянно появляется при создании сайтов "<b>абракадабра </b>". Но, благо, я прекрасно знаю, как эту проблему решить, поэтому всё привожу в порядок в течение нескольких секунд. И в этой статье я постараюсь научить Вас также быстро <b>решать проблемы, связанные с кодировкой на сайте </b>.</p> <p>Первое, что стоит отметить, это то, что все проблемы с появлением "абракадабры" связаны с несовпадением кодировки документа и кодировки, выставляемой браузером . Допустим, документ в <b>windows-1251 </b>, а браузер почему-то выставляет <b>UTF-8 </b>. А уже источником такого несовпадения могут быть следующие причины.</p> <h2>Первая причина</h2> <p>Неправильно прописан мета-тег <b>content-type </b>. Будьте внимательны, в нём всегда должна находиться та кодировка, в котором написан Ваш документ.</p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </p><h2>Вторая причина</h2> <p>Вроде бы, мета-тег прописан так, как Вы хотите, и браузер выставляет именно то, что Вы хотите, но почему-то всё равно с кодировкой проблемы. Здесь, почти наверняка, виновато то, что сам документ имеет отличную кодировку. Если Вы работаете в <b>Notepad++ </b>, то внизу справа есть название кодировки текущего документа (например, <b>ANSI </b>). Если Вы ставите в мета-теге <b>UTF-8 </b>, а сам документ написан в <b>ANSI </b>, то сделайте преобразование в <b>UTF-8 </b> (через меню "<b>Кодировки </b>" и пункт "<b>Преобразовать в UTF-8 без BOM </b>").</p> <h2>Третья причина</h2> <h2>Четвёртая причина</h2> <p>И, наконец, последняя популярная причина - это <b>проблема с кодировкой в базе данных </b>. Во-первых, убедитесь, что все Ваши таблицы и поля написаны в одной кодировке, которая совпадает с кодировкой остального сайта. Если это не помогло, то сразу после подключения в скрипте выполните следующий запрос:</p><p>SET NAMES "utf8" </p><p>Вместо "<b>utf8 </b>" может стоять другая кодировка. После этого все данные из базы должны выходить в правильной кодировке.</p> <p>В данной статье я, надеюсь, разобрал, как минимум, <b>90% проблем, связанных с появлением "абракадабры" на сайте </b>. Теперь Вы должны расправляться с такой популярной и простой проблемой, как неправильная кодировка, в два счёта.</p> <p>Давайте согласимся иметь разногласия. <br><span>Роберт Льюис Стивенсон. </p> <p>Э то урок, в котором мы поговорим о том, что такое <b>мета-теги </b>, для чего и как они используются при и как их правильно заполнить.</p> <p>К ак я уже говорил в , <i>мета-теги </i> располагаются в заголовке html-страницы, между тегами и, и никак не отображаются браузером (за исключением содержимого тега «title»). Тем не менее, мета-теги для сайта играют очень важную роль. Их добавление и оптимизация могут существенно помочь сайту в его жизни.</p> <p>Р екомендую использовать только те метатеги, которые <b>реально </b> нужны для работы сайта. Не загромождай область «head» лишними инструкциями, т.к. любая ошибка здесь может привести к печальным последствиям. Если знать, что делаешь, то мета-теги будут только на пользу, если же сваливать сюда всё подряд, то можно получить трудно диагностируемые проблемы.</p> <br clear="all"><blockquote> <i> </i>ервый <b>мета-тег </b> очень важен. Причём этот мета-тег одинаково важен и для поисковых систем, и для посетителей. Первые в ранжировании результатов поиска придают большое значение ключевым словам, которые содержатся в теге «title», вторые видят его содержимое в виде ссылки на сайт в тех же результатах поиска: <p>С одержимое этого же мета-тега отображается и в заголовке окна :</p> <p>В HTML мета-тег «title» добавляется следующим образом:</p> <p><b><span>Содержимое мета-тега «title» </span> </b></p><p>Основное содержимое страницы<br></p> <p>К роме того, как я уже сказал ранее, <b>ключевые слова </b>, которые ты добавишь в мета-тег «title», крайне положительно воспримутся поисковиками. Поэтому, заполняя этот тег, постарайся включить в него правильные ключевые слова. О них, кстати, и пойдёт речь дальше.</p> <h2>§ 2. Мета-тег «keywords» (ключевые слова)</h2> <p>С начала вкратце о том, а что, собственно, такое эти самые «ключевые слова».</p> <p>Т е слова, которые наиболее полно характеризуют содержимое html-страницы и будут для нее ключевыми. Это могут быть как отдельные слова, так и словосочетания, но они <b>обязательно </b> должны встречаться в тексте на странице. По ним поисковики определяют релевантность страницы тому или иному запросу.</p> <p>Н апример, для этой странице ключевыми словами будут «мета-теги», «мета-тег title», «<a href="/chto-takoe-metategi-kak-pravilno-zapolnyat-metateg-title-description-keywords-meta.html">мета-тег keywords</a>» и т.д.</p> <p>Б олее подробно о ключевых словах, в частности, и об оптимизации сайта, вообще, мы поговорим в .</p> <p>Ч тобы облегчить работу поисковым системам, используется мета-тег «keywords». В нём вебмастер прописывает ключевые слова для страницы. HTML-код мета-тега «keywords» выглядит следующим образом:</p> <p><b>Перечень ключевых слов"> </b><br>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p> <p>К лючевые слова нужно добавлять по одному, через запятую, в единственном числе. Например, не «ключевые слова», а «ключевой, слово». К тому же, безответственное поведение вебмастеров, которые в целях получения более высоких позиций в поисковиках забивали мета-тег «keywords» не только ключевыми словами, но и многочисленными производными от них, привело к тому, что поисковые системы практически перестали обращать внимания на этот тег. В настоящее время <b>правильно </b> заполненный мета-тег «keywords» используется поисковиками лишь как один из многих факторов ранжирования (далеко не главный). Если же они видят перед собой «keywords», в который запихнули все возможные вариации ключевиков, то это становится для них первым сигналом о неблагонадёжности данной страницы.</p> <h2>§ 3. Мета-тег «description» (описание страницы)</h2> <p>С ледующим важным мета-тегом является тег «description», в котором должно содержаться <a href="/maikrosoft-eksel-yavlyaetsya-programmoi-prednaznachennoi-dlya-programma.html">краткое описание</a> страницы. Именно «краткое» и именно «описание страницы». Достаточно добавить одно-два небольших предложения, в которых указать о чём и для кого эта страница.</p> <p>В ажной особенностью мета-тега «description» является то обстоятельство, что в случае его <b>правильного </b> заполнения поисковые системы именно на его основе формируют сниппет страницы в выдаче (краткое описание под ссылкой на страницу):</p> <p>Е сли поисковикам не нравится то, как заполнен мета-тег «description», то сниппет формируется из кусочков фраз (надёрганных со всей страницы), которые релевантны запросу.</p> <p>Т аким образом, правильный мета-тег «description» обязательно содержит <a href="/sbor-klyuchevyh-slov-onlain-sbor-klyuchevyh-slov-onlain-platnymi-i-besplatnymi.html">ключевое слово</a> (фразу) и коротко и точно описывает то, о чём и для кого страница. «Description» вместе с «title» образуют пару очень важных мета-тегов, от которых зависит то, перейдёт пользователь из <a href="/polnoe-rukovodstvo-po-rabote-so-strukturirovannymi-dannymi-dlya.html">поисковой выдачи</a> на сайт или нет! Поэтому его, как и «title», нужно прописывать для <b>каждой </b> страницы!</p> <p>H TML-код для создания мета-тега «description» будет следующим:</p> <p><b>Содержимое мета-тега «description»"> </b><br>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p> <p>Т еперь перейдём к описанию основных технических мета-тегов из группы «HTTP-EQUIV» (HTTP-эквиваленты).</p> <h2>§ 4. Технические мета-теги</h2> <p>Т ехнические мета-теги, для сайта, значат очень много. С их помощью можно управлять отображением страницы, настройками индексирования и т.д. В этом уроке мы рассмотрим основные технические мета-теги.</p> <ul><li><b>content-type </b> - тип документа и его кодировка. Этот мета-тег нужен для правильного отображения символов браузером. <br> Кодировок существует много. Большинство из них тебе даже никогда не встретится. Не говоря уже про то, что ты будешь их использовать сам. <a href="/skachat-adblock-dlya-mozilla-firefox-blokirovka-reklamy-v-brauzere-nadoela.html">Современные браузеры</a> определяют тип кодировки атоматически, но для большей уверенности можно указать его и самостоятельно. Если ты создаёшь html-документ в операционной <a href="/ne-mogu-sdelat-otkat-sistemy-windows-7-vosstanovlenie-sistemy-windows.html">системе Windows</a>, языком которой является русский, то кодировка будет «windows-1251», а код для вставки мета-тега такой: <p>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p></li> <li><b>content-language </b> - указание языка документа. Значение этого необязательного мета-тега используется как <a href="/kak-rabotayut-poiskovye-roboty-poiskovye-roboty.html">поисковыми роботами</a>, так и web-серверами. Код для вставки: <p>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p></li> <li><b>refresh </b> - время (в секундах), через которое произойдет <a href="/sinii-ekran-smerti-chto-delat-chto-delat-pri-poyavlenii-sinego.html">автоматическая перезагрузка</a> документа или переход на другую html-страницу с заданным адресом (url). Например, чтобы производить атоматическую перезагрузку документа каждые 30 секунд, нужно вставить этот мета-тег так: <p>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p> <p>А, чтобы, спустя 5 секунд, перейти на страницу по адресу http://www.сайт/, нужно записать так:</p> <p>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p></li> <li><b>robots </b> - мета-тег, который отвечает за настройки индексирования страницы. У мета-тега «robots» могут быть следующие значения: <ul><li><b>index </b> - страница индексируется;</li> <li><b>noindex </b> - страница не индексируется;</li> <li><b>follow </b> - гиперссылки на странице учитываются;</li> <li><b>nofollow </b> - гиперссылки на странице не учитываются</li> <li><b>all </b> - заменяет «index» и «follow», т.е. страница индексируется и гиперссылки на ней учитываются (действует по умолчанию);</li> <li><b>none </b> - заменяет «noindex» и «nofollow», т.е. страница не индексируется и гиперссылки на ней не учитываются.</li> </ul><p>Код для вставки мета-тега «robots»:</p> <p>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p></li> <p> <b>author </b> и <b>copyright </b> - мета-теги, которые позволяют указать авторство и владельца контента на странице. HTML-код для вставки: </p><p>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p> </ul><h2>§ 5. Заключение</h2> <p>Э то все метатеги в HTML, которые будут нужны новичку. Остальные специфичны и могут понадобиться тебе после того, как наберешься опыта и будешь точно знать, что делаешь. Из всех же вышеперечисленных мной настоятельно рекомендую использовать на <b>каждой </b> странице твоего сайта следующие:</p> <p>Заголовок страницы<br></p> <p>О стальные применяй по мере необходимости, но особо не заморачивайся. Помни, что мета-теги не сделают твой сайт интересным, они могут лишь помочь браузеру и web-серверу правильно отобразить страницы сайта, а <a href="/sluchae-poiskovaya-sistema-poiskovaya-internet-sistema-yahoo-rynok.html">поисковой системе</a> их найти.</p> <p>Н а этом раздел моего сайта окончательно закончен и дальше речь пойдёт о том, с чего начать раскрутку и продвижение своего сайта в Интернете. Там же парочка моих советов из <a href="/istoriya-uspeha-youtube-skolko-zarabatyvayut-bloggery-lichnyi-opyt-this-is.html">личного опыта</a> по оптимизации страниц сайта. Жми на «Дальше».</p> </blockquote> </span> <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="post-social-counters-block"> <div style="margin-top: 12px"> <noindex></noindex> </div> </div> </div> </div> <a name="comments"></a> <h3 class="best-theme-posts-title">Лучшие статьи по теме</h3> <div class="container-fluid"> <div class="best-theme-posts row"> <div class="theme-post col-sm-4"> <a href="/karty-ggc-novyi-genshtab-sputnikovye-karty-poisk-interesnyh-mest-na.html"> <div class="img_container"><img src="/uploads/e1542b1ef0a9ddf01896336599ec3ab0.jpg" border="0" alt="Карты ггц новый генштаб. Спутниковые карты. Поиск интересных мест на спутниковой карте. Добавляем свои точки на карту" width="320" height="180" / loading=lazy></div> <span class="theme-post-link">Карты ггц новый генштаб. Спутниковые карты. Поиск интересных мест на спутниковой карте. Добавляем свои точки на карту</span> </a> </div> <div class="theme-post col-sm-4"> <a href="/chto-takoe-facetime-ispolzovanie-videosvyazi-obzor-feistaima-dlya-iphone-pochemu.html"> <div class="img_container"><img src="/uploads/4fce17e9211d558209ed98584e74a5a0.jpg" border="0" alt="Использование видеосвязи" width="320" height="180" / loading=lazy></div> <span class="theme-post-link">Использование видеосвязи</span> </a> </div> <div class="theme-post col-sm-4"> <a href="/pwm-v-napryazhenie-shirotno-impulsnaya-modulyaciya-shim-upravlenie.html"> <div class="img_container"><img src="/uploads/c252974fcbc75896274c42cc571daa17.jpg" border="0" alt="Широтно-импульсная модуляция (ШИМ)" width="320" height="180" / loading=lazy></div> <span class="theme-post-link">Широтно-импульсная модуляция (ШИМ)</span> </a> </div> </div> </div> </div> <a name="comments"></a> </div> <div class="right-column col-sm-4 col-md-4"> <div class="write"> <span class="tags-title">Категории:</span> <ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags"> <li class=""><a href="/category/programs/">Программы</a></li> <li class=""><a href="/category/safety/">Безопасность</a></li> <li class=""><a href="/category/windows-10/">Windows 10</a></li> <li class=""><a href="/category/iron/">Железо</a></li> <li class=""><a href="/category/windows-8/">Windows 8</a></li> <li class=""><a href="/category/vkontakte/">Вконтакте</a></li> <li class=""><a href="/category/errors/">Ошибки</a></li> </ul> </div> <div class="banner"> </div> </div> </div> </div> <div style="clear:both"></div> </div> <div class="footer"> <div class="subscribe"> <div class="main-wrapper container"> <div class="row"> <div class="col-sm-8"> </div> <div class="col-sm-4"> <div class="social"> <a href="https://vk.com/share.php?url=https://bumotors.ru/kodirovka-html-dokumenta-kodirovka-html-stranicy.html" class="vk social-ico"></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://bumotors.ru/kodirovka-html-dokumenta-kodirovka-html-stranicy.html" class="fb social-ico"></a> <a href="https://www.twitter.com/share?url=https://bumotors.ru/kodirovka-html-dokumenta-kodirovka-html-stranicy.html" class="tw social-ico"></a> </div> </div> </div> </div> </div> <div class="info"> <div class="main-wrapper container"> <div class="row"> <span class="footer-info col-xs-12"> © 2024 bumotors.ru. Как настроить смартфоны и ПК. Информационный портал. </span> </div> </div> </div> </div> </body> </html>