Тег body это: Атрибут bgcolor | htmlbook.ru

04.05.2023 alexxlab

Содержание

Урок 4: Тело сайта, тег body

Давно я не писал уроков HTML, но сегодня решил это исправить — нужно продолжать изучать HTML язык. Итак, сегодня я расскажу про то, что такое «тело» сайта и немного про атрибуты данного тега.

«Тело» сайта — разговорный термин среди программистов и HTML верстальщиков. Под выражением»тело» сайта подразумевают теги и контент.

HTML является языком разметки для создания веб-страниц и веб-приложений. Он основывается на использовании различных элементов, каждый из которых имеет свой собственный тег. Один из самых важных элементов HTML — это тег body, который определяет основное содержимое документа.

Структура HTML шаблона — это основа в создании веб-страницы. Она состоит из нескольких элементов, таких как заголовок, основное содержимое и подвал. Каждый из этих элементов является важным для создания качественной веб-страницы, так как он определяет ее структуру и помогает ее администраторам сохранять содержимое актуальным.

Заголовок — это элемент, который содержит основную информацию о документе, такую как название и ключевые слова. Он определяется с помощью тега <head>, и содержит такие элементы, как теги <title>, <meta>, и <link>. <title> определяет заголовок документа, который отображается в верхней части веб-браузера, <meta> определяет метаданные, такие как язык документа и описание страницы, <link> ссылается на используемые вдокументе CSS стили.

Основное содержимое документа находится внутри тега body. Тег <body> определяет все, что будет отображаться на веб-странице. Как правило, на странице размещается заголовок, навигационное меню, контент и подвал. Вот пример кода для тега <body>:

«`html

<body>

<h2>Заголовок страницы</h2>

<nav>

<ul>

<li><a href=»#»>Главная</a></li>

<li><a href=»#»>Контакты</a></li>

</ul>

</nav>

</header>

<main>

<p>Мы — компания, которая занимается созданием веб-приложений и веб-сайтов.

Наша задача — создавать качественные продукты, которые будут полезны нашим клиентам.</p>

</main>

<p>ООО «Моя компания» 2022</p>

</footer>

</body>

«`

В данном примере на странице есть заголовок, которым является тег <h2>, навигационное меню, главное содержимое страницы, которым являются теги <h3> и <p>, и подвал, который находится внутри тега <footer>.

Подвал на веб-странице обычно содержит копирайт и информацию о компании. Он определяется с помощью тега <footer>. Весь код тега <footer> находится внутри тега <body>, как и все остальное содержимое страницы. В примере выше подвал содержит всего один текстовый блок, но на практике он может содержать больше информации.

Таким образом, структура HTML шаблона состоит из трех основных частей: заголовка, основного содержимого и подвала. Она определяет внешний вид и организацию содержимого веб-страницы. Тег body играет ключевую роль в этом процессе, определяя все, что будет отображаться на странице.

Скачать пример HTML шаблона: stranichkahtml.zip

Пример получился, конечно, не ахти, поэтому впереди Вас ждет ещё много уроков HTML!

При верстке шаблонов и дизайнов верстальщики редко используют атрибуты тега «body», обычно эти параметры задаются в CSS. Как подключить css-стили к шаблону можно прочитать в Уроке №3: Как подключить CSS стили оформления в шаблоне?. О том, как правильно оформить «тело» сайта, я расскажу в следующем уроке №5. И помните, что создание HTML сайта не так сложно, как это кажется в начале!

Дата: 2013-06-21 08:51:57 Просмотров: 13012

Теги: html уроки сайт сайтостроение вебмастеру вебмастер

HTML: основы — тест 1

Главная / Интернет-технологии / HTML: основы / Тест 1

Упражнение 1:

Номер 1

Какие из перечисленных контейнеров размещают в заголовке html-документа?

Ответ:

&nbsp(1) <LINKHREF=. ..REL=..>&nbsp

&nbsp(2) <FORM ....>&nbsp

&nbsp(3)

<META NAME=... CONTENTS.. >&nbsp

&nbsp(4) <SCRIPT LANGUAGES=... SRC=...>&nbsp

&nbsp(5) <BODY ....>&nbsp

Номер 2

Выберите контейнеры которые нельзя помещать в <BODY>:

Ответ:

&nbsp(1) <STYLE>

&nbsp

&nbsp(2) <SCRIPT>&nbsp

&nbsp(3) <TITLE>&nbsp

&nbsp(4) <CENTER>&nbsp

&nbsp(5) <IMG>&nbsp

Номер 3

Какой тег задает URL документа?

Ответ:

&nbsp(1) <BASE HREF=". ...">&nbsp

&nbsp(2) <BASE HREF="....">...</BASE>&nbsp

&nbsp(3)

<LINK>&nbsp

&nbsp(4) <A HREF=...> TEXT </A>&nbsp

Номер 4

В каких типах документов отсутствует заголовок:

Ответ:

&nbsp(1) где используются формы&nbsp

&nbsp(2) где не указан элемент разметки head&nbsp

&nbsp(3) с использованием фреймов&nbsp

&nbsp(4) документ с использованием скриптов&nbsp

Номер 5

Заголовок (контейнер head) html-документа используется для:

Ответ:

&nbsp(1) размещения форм&nbsp

&nbsp(2) размещения МЕТА-тегов&nbsp

&nbsp(3) описания фреймов&nbsp

&nbsp(4) размещения скриптов и стилей&nbsp

Номер 6

Где отображается содержание контейнера title?

Ответ:

&nbsp(1)

в адресной строке браузера&nbsp

&nbsp(2) в заголовке окна браузера&nbsp

&nbsp(3) на странице&nbsp

&nbsp(4) в заголовке текста&nbsp

Упражнение 2:

Номер 1

Какой тег определяет фоновое изображение документа?

Ответ:

&nbsp(1) <BODY BGCOLOR=. ..>&nbsp

&nbsp(2) <BODY LINK=...>&nbsp

&nbsp(3) <BODY TEXT...>&nbsp

&nbsp(4) <BODY BACKGROUND=...>&nbsp

Номер 2

Тэг <BODY> - это:

Ответ:

&nbsp(1) идентификатор заголовка окна просмотра&nbsp

&nbsp(2) идентификатор заголовка документа HTML &nbsp

&nbsp(3) идентификатор перевода строки &nbsp

&nbsp(4) идентификатор HTML-команд документа для просмотра &nbsp

Номер 3

Тег - это:

Ответ:

&nbsp(1) стартовый и конечный маркеры элемента &nbsp

&nbsp(2) текст, в котором используются спецсимволы &nbsp

&nbsp(3) указатель на другой файл или объект &nbsp

&nbsp(4) фрагмент программы, включённой в состав Web-страницы &nbsp

Номер 4

Отметьте верные утверждения:

Ответ:

&nbsp(1) порядок задания атрибутов для тега не имеет значения&nbsp

&nbsp(2) регистр букв для указания значения атрибутов имеет значение&nbsp

&nbsp(3) между символом < и наименованием тега можно использовать пробел&nbsp

&nbsp(4) в наименованиях тегов можно использовать русские буквы&nbsp

Номер 5

Какой тег позволяет указать кодировку символов (CHARSET)?

Ответ:

&nbsp(1) <LINK>&nbsp

&nbsp(2) <STYLE>&nbsp

&nbsp(3) <META>&nbsp

&nbsp(4) <OBJECT>&nbsp

Номер 6

Что означает dtd-описание документа<!doctype html public - //w3c//dtd html 4. 0 transitional//en>?

Ответ:

&nbsp(1) указывает файл скрипта&nbsp

&nbsp(2) указывает, что документ соответствует стандарту html 4.0&nbsp

&nbsp(3) указывает что файл является HTML-файлом&nbsp

&nbsp(4) начинает HTML-документ&nbsp

Главная / Интернет-технологии / HTML: основы / Тест 1

Тег HTML 5

Тег HTML используется для обозначения раздела основного содержимого HTML-документа. Тег body размещается между тегами и .

Обратите внимание, что атрибуты тега body больше не поддерживаются в HTML (ранее они считались устаревшими в HTML 4.01). Теперь вы должны использовать CSS для определения представления тела вашего документа. Например, см. CSS background-color 9.0004 и CSS text-decoration .

`Демо`

`Атрибуты`

Теги HTML могут содержать один или несколько атрибутов. Атрибуты добавляются к тегу, чтобы предоставить браузеру больше информации о том, как тег должен выглядеть или вести себя. Атрибуты состоят из имени и значения, разделенных знаком равенства (=), при этом значение заключено в двойные кавычки. Вот пример: style="color:black;" .

Существует 3 типа атрибутов, которые вы можете добавить к своим HTML-тегам: специфичные для элемента, глобальные атрибуты и атрибуты содержимого обработчика событий.

Ниже перечислены атрибуты, которые можно добавить к этому тегу.

`Специфичные для элемента атрибуты`

В следующей таблице показаны атрибуты, характерные для этого тега/элемента.

HTML5 представил следующие обработчики событий, которые можно использовать с элементом (и элементом в HTML 4 и более ранних версиях).

Атрибут	Описание
после печати	Обработчик событий после печати
onbeforeprint	Обработчик события beforeprint
onbeforeunload	Обработчик события beforeunload
onhashchange	Обработчик события hashchange
onmessage	Обработчик события сообщения
onoffline	Автономный обработчик событий
ononline	Обработчик сетевых событий
onpagehide	Обработчик событий pagehide
onpageshow	Обработчик событий pageshow
onpopstate	Обработчик события popstate
onstorage	Обработчик событий хранилища
onunload	Обработчик события выгрузки

`Глобальные атрибуты`

Следующие атрибуты являются стандартными для всех тегов HTML 5 (хотя 9Атрибут 0003 tabindex не применяется к диалоговым элементам ).

ключ доступа
автокапитализация
класс
редактируемый контент
данные-*
директор
перетаскиваемый
скрытый
идентификатор
режим ввода
это
идентификатор товара
элементпроп
Артикул
предметная область
тип изделия
язык
часть
слот
проверка правописания
стиль
tabindex
Название
перевод

Полное описание этих атрибутов см. в разделе Глобальные атрибуты HTML 5.

Атрибуты содержимого обработчика событий

Атрибуты содержимого обработчика событий позволяют вам вызывать сценарий из вашего HTML. Скрипт вызывается, когда происходит определенное «событие». Каждый атрибут содержимого обработчика событий имеет дело с другим событием.

прерывание
onauxclick
после печати
перед печатью
перед выгрузкой
размытие
при отмене
онканплей
oncanplaythrough
при смене
по клику
при закрытии
в контекстном меню
онкопия
при обмене
нарезной
ondblclick
ондраг
ондрагенд
Драгентер
ондрагзит
на накладке
ондраговер
ондрагстарт
впускной
ondurationchange
пустой
одноконцевой
при ошибке
онфокус
данные формы
onhashchange
на входе
недействительный
нажатие клавиши
нажатие клавиши
onkeyup
onlanguagechange
под нагрузкой
загруженные данные
загруженные метаданные
запуск при загрузке
в сообщении
ошибка сообщения
ввод с помощью мыши
на коврике для мыши
перемещение мыши
onmouseout
при наведении мыши
на мышке вверх
в автономном режиме
он-лайн
на страницескрыть
на странице показать
паста
пауза
в игре
в игре
onpopstate
в процессе
при изменении скорости
при сбросе
при изменении размера
при отклонении обработано
при прокрутке
нарушение политики безопасности
поиск
поиск
по выбору
onslotchange
установленный
на складе
при отправке
на подвесе
обновление по времени
нагрудник
необработанный отказ
при разгрузке
при изменении объема
в ожидании
на колесе

Полный список обработчиков событий см. в разделе Атрибуты содержимого обработчиков событий HTML 5.

Что нужно знать о теге тела

9999

Практические советы

– 7 минут чтения

Прочитать позже

90 002 Тег Body — это важный элемент, содержащий все содержимое, отображаемое на веб-страница в браузере. Его нужно правильно заполнить, чтобы страница выглядела и успешно ранжировалась в поисковых системах.

Что такое тег Body

Тег Body является неотъемлемой частью любой HTML-страницы, необходимой для обозначения границ основного содержимого, отображаемого пользователям. Упрощенно HTML-страница имеет следующую структуру:

head — блок заголовков, содержащий техническую информацию, скрипты и метатеги, которые браузер не показывает пользователям в стандартном режиме просмотра. Исключением является метатег </strong>, определяющий заголовок страницы;</li><li> <strong> body </strong> — это все содержимое страницы, доступное пользователям.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/8/4/4/8441a8e9d834faead321cd0a4557d7c1.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/8/4/4/8441a8e9d834faead321cd0a4557d7c1.jpeg' /></noscript> <br/></li></ul><p data-readability-styled="true"> В документе HTML может быть только один тег<body>. Этот тег должен содержать качественный и уникальный контент, который пользователи находят интересным для успешной оптимизации веб-страницы. Однако необходимо убедиться, что он ни полностью, ни частично не дублирует содержание проекта или другого веб-сайта.</p><h3 field="title"/></h3><p> <strong> Где находится тег Body </strong> <br/></p><p> Вы можете просмотреть HTML-теги веб-страницы, щелкнув правой кнопкой мыши и выбрав «Просмотр исходного кода страницы»: <br/></p><p> Открывающий тег<head> расположен в начале страница: <br/></p><p> Открывающий тег<body> идет сразу после закрывающего тега</head>, завершая блок заголовков: <br/></p><h3 field="title"/></h3><p> <strong> Зачем нужен тег Body </strong> <br/></p><p data-readability-styled="true"> Тег<body> предназначен содержать весь контент и функционал для взаимодействия с пользователями; это заголовки, тексты, гиперссылки, баннеры, изображения, видео, контактные формы и многое другое.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/slideplayer.com/slide/6304819/21/images/13/Example+%3Chtml%3E+%3Cbody%3E.jpg' /><noscript><img loading='lazy' src='/800/600/http/slideplayer.com/slide/6304819/21/images/13/Example+%3Chtml%3E+%3Cbody%3E.jpg' /></noscript></p><p> Тег также может содержать JS-скрипты, выполняющие различные функции. В этом случае код помещается в теги . В HTML5 вам не нужно дополнительно указывать тип скрипта, так как по умолчанию это JavaScript. В устаревших версиях HTML JS-скрипты были реализованы так: <br/></p><p> Атрибуты и события, модифицирующие страницу, также могут быть добавлены в тег<body>. Например, вы можете добавить определенное сообщение, которое появляется при загрузке страницы или нажатии кнопки мыши. <br/></p><h3 field="title"/></h3><p> <strong> Атрибуты тега<body> </strong> <br/></p><p> К тегу можно добавить атрибуты, определяющие цветовую схему страницы, хотя предпочтительнее использовать селектор body в отдельном файле со стилями CSS: <br/></p><p> Использование некоторых атрибутов тега<body>, например, rightmargin и leftmargin, не рекомендуется спецификацией HTML и приведет к недопустимому коду. Некоторые атрибуты можно использовать с типом перехода <!DOCTYPE>: <br/></p><pre> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/images.myshared.ru/5/489572/slide_6.jpg' /><noscript><img loading='lazy' src='/800/600/http/images.myshared.ru/5/489572/slide_6.jpg' /></noscript> 01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> </pre><p> При использовании атрибутов в body вы можете сразу увидеть, как будет выглядеть страница после внесения изменений. Для этого в Google Chrome нужно щелкнуть правой кнопкой мыши по странице и выбрать «Просмотреть исходный код страницы», после чего браузер отобразится в режиме разработчика. <br/></p><h4 field="title"/></h4><p> <strong> Примеры использования атрибутов тега<body> </strong> <br/></p><ul><li> В этом примере используется атрибут bgcolor, определяющий цвет фона страницы. Исходный цвет фона страницы был изменен на черный с помощью этого атрибута:</li></ul><p data-readability-styled="true"> Цвет можно указать с помощью шестнадцатеричных кодов или имен, предусмотренных стандартом HTML;</p><ul><li> изменение цвета текста на странице с помощью атрибута text:</li></ul><ul><li> изменение фонового изображения с помощью атрибута background:</li></ul><p> Путь к файлу может использоваться как в относительной, так и в абсолютной форме.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/cf3.ppt-online.org/files3/slide/4/4UwtAsd7Bf06Woje1QY8rPJZGRhIyXunzkHLvC/slide-17.jpg' /><noscript><img loading='lazy' src='/800/600/http/cf3.ppt-online.org/files3/slide/4/4UwtAsd7Bf06Woje1QY8rPJZGRhIyXunzkHLvC/slide-17.jpg' /></noscript> Относительный путь более предпочтителен, так как дает более короткие ссылки, а также устраняет проблемы при смене домена. При этом все ссылки останутся в работе, в отличие от варианта с абсолютным адресом, при котором после смены домена гиперссылки станут битыми. <br/></p><h3 field="title"/></h3><p> <strong> Можно ли добавить метатеги к тегу body? </strong> <br/></p><p data-readability-styled="true"> Например, метатеги <robots> и <description> должны быть помещены в раздел заголовка документа, который является тегом заголовка. Метатеги предназначены для предоставления служебной информации о документе, которая не отображается в теле документа.</p><p> Попытки использовать метатег в теле делают код недействительным с точки зрения спецификации HTML и могут нарушить разметку документа.</p><p> В некоторых случаях при неправильном размещении метатегов в теле страницы они могут быть автоматически перенесены браузером в раздел head и документ будет отображаться корректно. Однако желательно создать корректную разметку и добавить метатеги только в заголовок, а не в основное содержимое страницы.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/drupalfly.ru/sites/default/files/styles/large_teaser/public/separator3.png?itok=CzWFD0qw' /><noscript><img loading='lazy' src='/800/600/http/drupalfly.ru/sites/default/files/styles/large_teaser/public/separator3.png?itok=CzWFD0qw' /></noscript> <br/></p><h3 field="title"/></h3><p> <strong> Заключение </strong> <br/></p><p> Тело<body> является необязательным элементом в спецификации HTML5, но его использование на веб-страницах удобно для различения служебной информации и контента сайта. Это также полезно для создания стилей страницы в файле CSS. <br/></p><p> Вы должны заполнить тег<body> уникальным контентом, который будет интересен пользователям и который будет полностью соответствовать требованиям целевой аудитории.</p><p> Этот тег может содержать информацию в различных форматах и формах: текст, мультимедийный контент и скрипты, которые делают страницу интерактивной.</p><p> Вы должны использовать атрибуты тега<body> с осторожностью, поскольку многие из них противоречат спецификации HTML, а их применение приводит к недопустимой разметке.</p><p> Не помещайте метатеги в тег<body>, поскольку они нарушают правила спецификации HTML.</p><p> Эта статья является частью инструмента Serpstat «Аудит сайта»</p><p data-readability-styled="true"> » title = «Что такое тег Body и что в нем должно быть 16261788343128» /></p><p> Аудит всего сайта или страницы в один клик.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/cf.ppt-online.org/files/slide/p/PCl6aqNvbfJQkVRt0pZB9zmW5oThYnOL7ySDHr/slide-15.jpg' /><noscript><img loading='lazy' src='/800/600/http/cf.ppt-online.org/files/slide/p/PCl6aqNvbfJQkVRt0pZB9zmW5oThYnOL7ySDHr/slide-15.jpg' /></noscript> Полный список ошибок, отсортированный по серьезности, способы их решения и рекомендации Любая периодичность проверки и автоматические отчеты по электронной почте <br/></p><table class="table table-hover"><tr><td> Запустить аудит сайта</td></tr></table><h4><span class="ez-toc-section" id="_Serpstat"> Ускорьте рост вашего поискового маркетинга с Serpstat! </span></h4><p> Возможности ключевых слов и обратных ссылок, онлайн-стратегия конкурентов, ежедневный рейтинг и вопросы, связанные с SEO.</p><p> Набор инструментов для сокращения вашего времени на SEO-задачи.</p><p data-readability-styled="true"> Получить бесплатную 7-дневную пробную версию</p><p> Оцените статью по пятибалльной шкале</p><p> Статью уже оценили в среднем 1 человек 5 из 5</p><p> Нашли ошибку? Выберите его и нажмите Ctrl + Enter, чтобы сообщить нам</p><p/><h3><span class="ez-toc-section" id="_SEO"> Откройте для себя больше инструментов SEO </span></h3><p> Инструменты для ключевых слов</p><p> Инструменты исследования ключевых слов – раскройте неиспользованный потенциал в вашей нише</p><p> Будьте впереди</p><p> Проверка страницы для SEO</p><p> Проверка SEO на странице — выявляйте технические проблемы, оптимизируйте и привлекайте больше трафика на ваш сайт0009<p/><h4><span class="ez-toc-section" id="i-7"> Рекомендуемые сообщения </span></h4><p data-readability-styled="true"> Как сделать</p><p data-readability-styled="true"> Денис Кондак</p><p> Как уменьшить размер страницы на вашем сайте</p><p data-readability-styled="true"> Как сделать</p><p data-readability-styled="true"> Денис Кондак</p><p> Какие страницы следует закрыть от индексации в Google</p><p data-readability-styled="true"> How-to</p><p data-readability-styled="true"> Денис Кондак</p><p> Какая информация должна быть на сайте интернет-магазина</p><p> Кейсы, лайфхаки, исследования, полезные статьи</p><p> Нет времени следить за новостями? Не беспокойся! Наш редактор подберет статьи, которые обязательно помогут вам в работе.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.ytimg.com/vi/noJroHdhHuI/hqdefault.jpg' /><noscript><img loading='lazy' src='/800/600/http/i.ytimg.com/vi/noJroHdhHuI/hqdefault.jpg' /></noscript></div><div class="post-meta"></div></article><nav class="navigation post-navigation" aria-label="Записи"><h2 class="screen-reader-text">Навигация по записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://xn--80aahvkuapc1be.xn--p1ai/raznoe/reklamodatel-reklamodateli-industriya-reklamy.html" rel="prev"><span class="meta-nav">Предыдущая запись</span> Рекламодатель: Рекламодатели – Индустрия рекламы</a></div><div class="nav-next"><a href="https://xn--80aahvkuapc1be.xn--p1ai/raznoe/raskryvayushhijsya-spisok-eto-raskryvayushhijsya-spisok-komponenty-kontur-gajdy.html" rel="next"><span class="meta-nav">Следующая запись</span> Раскрывающийся список это: Раскрывающийся список — Компоненты — Контур.Гайды</a></div></div></nav><div id="comments" class="comments-area"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe/teg-body-eto-atribut-bgcolor-htmlbook-ru.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://xn--80aahvkuapc1be.xn--p1ai/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p><p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='46419' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div></div><div class="col-md-4"><div id="sidebar" class="sidebar"><div id="search-9" class="widget widget_search"><form role="search" method="get" class="form-search" action="https://xn--80aahvkuapc1be.xn--p1ai/"><div class="input-group"> <label class="screen-reader-text" for="s">Поиск:</label> <input type="text" class="form-control search-query" placeholder="Поиск и помощь" value="" name="s" title="Поиск:" /> <span class="input-group-btn"> <button type="submit" class="btn btn-default" name="submit" id="searchsubmit" value="Найти"><i class="fa fa-search"></i></button> </span></div></form></div><div id="categories-10" class="widget widget_categories"><div class="widget-title"><span>Рубрики</span></div><ul><li class="cat-item cat-item-8"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/seo">Seo</a></li><li class="cat-item cat-item-4"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/wordpress">Wordpress</a></li><li class="cat-item cat-item-6"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/dizajn">Дизайн</a></li><li class="cat-item cat-item-7"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/zarabotok">Заработок</a></li><li class="cat-item cat-item-9"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/plagin">Плагин</a></li><li class="cat-item cat-item-3"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/raznoe">Разное</a></li><li class="cat-item cat-item-15"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/rekomendac">Рекомендац</a></li><li class="cat-item cat-item-5"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/sajt">Сайт</a></li><li class="cat-item cat-item-1"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/sovety">Совет</a></li><li class="cat-item cat-item-12"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/sovet">Советы</a></li><li class="cat-item cat-item-13"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/tem-2">Тем</a></li><li class="cat-item cat-item-10"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/tem">Темы</a></li><li class="cat-item cat-item-14"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/urok-2">Урок</a></li><li class="cat-item cat-item-11"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/urok">Уроки</a></li></ul></div></div></div></div></div></div><footer class="mz-footer" id="footer"><div class="container footer-inner"><div class="row row-gutter"></div></div><div class="footer-wide"></div><div class="footer-bottom"><div class="site-info"> © Орфографика.рф, 2010 - 2019</div> Расшифровки, размещенные на сайте, предназначены только для личного, некоммерческого использования.<br> При перепосте материалов обязательна активная ссылка: «Текст подготовлен компанией Орфографика.рф». <br>Вопросы и предложения: info@орфографика.рф.</div></footer></div><p id="back-top"> <a href="#top"><i class="fa fa-angle-up"></i></a></p> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <script defer src="https://xn--80aahvkuapc1be.xn--p1ai/wp-content/cache/autoptimize/js/autoptimize_f7d0920e0b350c0e72795bef5a9399f2.js"></script></body></html>