Web Frontend | HTML таблицы – шапка, тело и подвал.
- Главная >
- Видео канал >
- Web Frontend | HTML таблицы – шапка, тело и подвал.
УЛУЧШАЙТЕ НАВЫКИ С ПОМОЩЬЮ ПРАКТИКУМА
СЛЕДУЮЩЕЕ
На этом уроке рассматривается, как задавать таблицам шапку(header), тело(body) и подвал(footer). Важность этих составляющих для семантики и большего количества возможностей для оформления таблиц через стили.
Смотрите еще больше полезных уроков на ITVDN.
Регистрация через
✖или E-mail
Нажав на кнопку «Зарегистрироваться»,
Вы соглашаетесь с условиями использования.
Уже есть аккаунт
Получите курс бесплатно
✖
Вы выбрали курс для изучения
«»
Чтобы получить доступ к курсу, зарегистрируйтесь на сайте.
РЕГИСТРАЦИЯ
Спасибо за регистрацию
✖
Перейдите на почту и подтвердите Ваш аккаунт,
чтобы получить доступ ко всем
бесплатным урокам и вебинарам на сайте ITVDN. com
ПОДТВЕРДИТЬ ПОЧТУ НАЧАТЬ ОБУЧЕНИЕ
Спасибо за регистрацию
✖
Ваш аккаунт успешно подтвержден.
Начать обучение вы можете через Личный кабинет
пользователя или непосредственно на странице курса.
НАЧАТЬ ОБУЧЕНИЕ
Подтверждение аккаунта
На Ваш номер телефона было отправлено смс с кодом активации аккаунта. Пожалуйста, введите код в поле ввода.
Отправить код еще раз
Изменить номер телефона
Ошибка
✖HTML/Элемент thead
Синтаксис
(X)HTML
<table> <caption> ... </caption> <colgroup> ... </colgroup> <thead>... <tr> ... </tr> ... </thead> <tfoot> ... </tfoot> <tbody> ... </tbody> </table>
Описание
Элемент thead
(от англ. «table header» ‒ «заголовок таблицы») используется для создания верхнего колонтитула (шапки) таблицы.
Примечание
После thead
может идти элемент нижнего колонтитула, элемент группировки строк таблицы или элемент строки.
Условия использования
В одной таблице допускается не более одного элемента thead
в который должно быть вложено не менее одного элемента табличной строки. А сам
thead
должен располагаться внутри таблицы) после следующих элементов (если они есть): заголовок (верхний колонтитул) таблицы, параметры группы столбцов, параметры (контейнер) групп столбцов.Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс.![]() | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | 11.2.3 Row groups: the THEAD, TFOOT, and TBODY elements DTD: Transitional
Strict
Frameset |
5.0 | 4.9.6 The thead element |
5.1 | 4.9.6. The thead element |
XHTML | |
1.0 | DTD: Transitional
Strict
Frameset |
1.1 | Extensible HyperText Markup Language |
Атрибуты
- align
- Задаёт выравнивание содержимого элементов
thead
. - char
- Указывает символ по которому выравнивается содержимое ячеек.
- charoff
- Задаёт количество символов на которое необходимо сместить содержимое ячеек.
- valign
- Задаёт вертикальное выравнивание содержимого ячеек.
- Глобальные атрибуты
- accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Элемент thead</title>
</head>
<body>
<h2>Пример использования элемента «thead»</h2>
<caption>Кол-во дней в зимних месяцах</caption>
<thead>
<tr> <th>Декабрь</th> <th>Январь</th> <th>Февраль</th> </tr>
</thead>
<tbody>
<tr> <td>31</td> <td>31</td> <td>28 (29)</td> </tr>
</tbody>
</table>
</body>
</html>
Элемент thead
элементов заголовка в HTML с примерами
Вернуться к: Учебники по HTML
В этой статье я собираюсь обсудить элементов заголовка в HTML с примерами. Пожалуйста, прочитайте нашу предыдущую статью, в которой мы обсуждали элементов компьютерного кода в HTML с примерами. В конце этой статьи вы узнаете все об элементах заголовка HTML с примерами.
Мы узнали, что типичный HTML-документ будет иметь следующую структуру.
В этой статье мы подробно обсудим часть заголовка, которая представлена тегом HTML. Тег представляет собой контейнер различных важных тегов, таких как теги
Когда вы запустите приведенный выше HTML-код, вы получите следующий вывод в браузере.
Элемент

Элемент скрипта
Загрузка сообщения....
Когда вы запустите приведенный выше HTML-код, вы получите следующий вывод в браузере.
HTML-элемент HTML-тег
Например, если URL-адрес, определенный базовым тегом, — www.abc.com, то каждый относительный URL-адрес на странице будет иметь префикс www.abc.com/. Атрибуты Href и target должны быть включены в базовый тег Html, и внутри документа Html может быть только один базовый элемент.
<голова>net/course/html-tutorials/"> <тело>
Руководства по HTMLПосетите ссылку выше
Когда вы запустите приведенный выше HTML-код, вы получите следующий вывод в браузере.
Следует помнить:- HTML-элемент является контейнером для метаданных (данных о данных)
- Элемент HTML помещается между тегом и тегом
- Элемент HTML
является обязательным и определяет заголовок документа</li><li> Используется элемент HTML <style> для определения информации о стиле для отдельного документа</li><li> Тег HTML<link> чаще всего используется для ссылки на внешние таблицы стилей</li><li> Элемент HTML<meta> обычно используется для указания набора символов, описания страницы, ключевых слов, автора документ и настройки области просмотра</li><li> HTML-элемент <script>используется для определения клиентского JavaScript</li><li>HTML-элемент<base>указывает базовый URL-адрес и/или цель для всех относительных URL-адресов на странице</li></ol><p>В следующей статье я собираюсь обсудить<strong>семантических элементов HTML</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/https/mehelps.ru/wp-content/uploads/2022/10/struktura-stranitsyi.jpg'/><noscript><img loading='lazy'src='/800/600/https/mehelps.ru/wp-content/uploads/2022/10/struktura-stranitsyi.jpg'/></noscript>Здесь,в этой статье,я пытаюсь объяснить<strong>элементов заголовка в HTML</strong>с примерами,и я надеюсь,вам понравится эта статья с примерами элементов заголовка HTML.</p><h2><span class="ez-toc-section"id="_HTML_HTML">Элементы блока стилей HTML|HTML-полезности</span></h2><p>Поиск</p><p><time datetime="2018-07-02T09:03:00+00:00">2 июля 2018 г.</time></p><p>Основная цель этой статьи — представить различные элементы HTML5,которые можно использовать в структуре документа HTML для оформления блоков.Как вы могли заметить,многие веб-сайты содержат HTML-код,например:<div id="nav"> <div class="header"> <div id="footer"> ,используемый для обозначения навигации,верхнего и нижнего колонтитула.HTML5 предлагает новые семантические элементы для определения различных частей веб-страницы:</p><p>Новые элементы HTML5,которые мы рассмотрим в этой статье:</p><ul><li><header>:содержит заголовок сайта.</li><li><footer>:содержит содержимое нижнего колонтитула сайта.<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/https/schtirlitz.ru/800/600/https/i.imgur.com/JElFVds.jpg'/><noscript><img loading='lazy'src='/800/600/https/schtirlitz.ru/800/600/https/i.imgur.com/JElFVds.jpg'/></noscript></li><li><nav>:содержит меню навигации.</li><li><article>:указывает независимый,индивидуальный контент,такой как отдельные сообщения в блогах,видео,изображения или новости.</li><li><section>:элемент<section>— это структурный элемент HTML,используемый для группировки связанных элементов,таких как заголовки,нижние колонтитулы,главы или любые другие разделы документа.</li><li><aside>:определяет блок контента,который связан с основным контентом вокруг него,но не занимает центральное место в его потоке.</li></ul><h3><span class="ez-toc-section"id="i-10">Типичная структура страницы</span></h3><p>Как вы,наверное,заметили,веб-сайты обычно имеют совершенно разное содержание,функциональность и внешний вид,но все они имеют общие элементы,как вы можете видеть на рисунке ниже:</p><ul><li>Заголовок(или шапка)в верхней части страницы,обычно содержащий название компании и логотип.Это верхняя часть страницы и в целом говорит,что это за сайт,какое-то описание и кто им владеет.</li><li>Меню навигации,используемое для перехода между страницами или вниз по странице.<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/https/schtirlitz.ru/800/600/https/ds05.infourok.ru/uploads/ex/0422/0014b119-1f172f6d/1/hello_html_42b76495.png'/><noscript><img loading='lazy'src='/800/600/https/schtirlitz.ru/800/600/https/ds05.infourok.ru/uploads/ex/0422/0014b119-1f172f6d/1/hello_html_42b76495.png'/></noscript>Это помещается под заголовком,часто размещается на боковой панели или может быть частью заголовка.</li><li>Одна или несколько боковых панелей(размещенных справа или слева от основного содержимого страницы),содержащих некоторые ссылки,как правило,относящиеся к основному содержанию текущей страницы,относящиеся к другим страницам с веб-сайта или из-за пределов веб-сайт.Боковая панель/боковые панели могут отличаться от одной страницы к другой(например,информация о «вашей корзине» на сайте электронной коммерции или некоторые фильтры при совершении покупок,такие как цвета,размеры,ценовой фильтр,материал и т. д.).</li><li>Нижний колонтитул,который размещается в нижней части сайта и содержит вспомогательную информацию,такую как информация об авторских правах и контактные данные.</li></ul><p></p><p>Давайте рассмотрим некоторые элементы HTML5 более подробно.</p><h4></h4><section></h4><p>Тег<section>определяет разделы в документе,такие как верхние и нижние колонтитулы,главы или любые другие разделы документа.<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/https/demiart.ru/forum/uploads3/post-714855-1250960360.jpg'/><noscript><img loading='lazy'src='/800/600/https/demiart.ru/forum/uploads3/post-714855-1250960360.jpg'/></noscript></p><pre><раздел><h3><span class="ez-toc-section"id="i-11">Голова</span></h3><p>Некоторый текст</p><img class="lazy lazy-hidden"decoding="async"src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src="figure.jpg"alt="figure"><noscript><img decoding="async"src="figure.jpg"alt="figure"></noscript></раздел></pre><h4></h4><article></h4><p>Тег<article> связан с тегом<section>,но<article> определяет независимый,индивидуальный контент,например отдельные сообщения в блогах,видео,изображения или новости,комментарии,а<section>>используется для группировки отдельных разделов контента или функций.Статья должна иметь смысл сама по себе,и ее должна быть возможность распространять независимо от остальной части сайта.</p><pre><артикул><h3><span class="ez-toc-section"id="i-12">Голова</span></h3><p>Некоторый текст</p><img class="lazy lazy-hidden"decoding="async"src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src="figure.jpg"alt="figure"><noscript><img decoding="async"src="figure.jpg"alt="figure"></noscript></статья></pre><h4></h4><header> и<footer></h4><p>Как мы уже говорили ранее,цель элементов<header> и<footer> – оборачивать содержимое верхнего и нижнего колонтитула.Как правило,элемент<header>содержит изображение логотипа,а элемент<footer>содержит уведомление об авторских правах,но это не обязательно,вы можете добавить более сложный контент,если хотите.<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/https/uust.ru/unit/media/subdiv-info/1524225588_shapka-sayta-informatika-253742446445.jpg'/><noscript><img loading='lazy'src='/800/600/https/uust.ru/unit/media/subdiv-info/1524225588_shapka-sayta-informatika-253742446445.jpg'/></noscript>Также обратите внимание,что у вас может быть более одного верхнего и нижнего колонтитула на каждой странице,вы также можете иметь элементы<header> и<footer> ,вложенные в каждую<article>,и в этом случае они будут применяться только к этой конкретной статье.Добавляя к нашему примеру выше:</p><pre><артикул><заголовок></заголовок><раздел></раздел><раздел></раздел><раздел></раздел><нижний колонтитул></нижний колонтитул></article></pre><h4></h4><nav></h4><p>Элемент<nav> предназначен для определения набора навигационных ссылок или других конструкций(например,формы поиска),которые будут вести вас на разные страницы текущего сайта или в разные области текущая страница.</p><pre><навигация><a href="/html/">HTML</a>|<a href="/css/">CSS</a>|<a href="/js/">JavaScript</a>|<a href="/jquery/">jQuery</a></nav></pre><h4></h4><aside></h4><p>HTML-тег<aside> используется для идентификации контента,который связан с основным содержанием веб-страницы,но не является основным содержанием страницы;представляет собой часть документа,содержимое которой лишь косвенно связано с основным содержимым документа.<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/https/icqinfo.ru/800/600/http/webdiz.com.ua/wp-content/uploads/2017/12/sozdanie-prosteishego-maketa.gif'/><noscript><img loading='lazy'src='/800/600/https/icqinfo.ru/800/600/http/webdiz.com.ua/wp-content/uploads/2017/12/sozdanie-prosteishego-maketa.gif'/></noscript>Отступления часто представлены в виде боковых панелей или выноски.Другими хорошими вариантами для элемента<aside> были бы сведения об авторе записи(сообщений)в блоге,биография,связанные ссылки,связанный контент и рекламные объявления — вот некоторые примеры контента,который можно поместить в элемент aside.</p><h3><span class="ez-toc-section"id="_HTML5">Поддержка элементов HTML5</span></h3><p>Предполагается,что большинство элементов HTML5,перечисленных выше в этой статье,ведут себя как блочные элементы,но самый простой способ заставить их правильно работать в старых браузерах — установить для них display:block;в вашем CSS.Вы можете сделать это,включив следующее правило CSS в верхнюю часть вашего CSS,независимо от того,содержится ли оно в заголовке вашего HTML-файла или как внешний файл CSS:</p><pre>article,section,aside,hgroup,nav,header,нижний колонтитул,рисунок,figcaption{дисплей:блок;}</pre><h4><span class="ez-toc-section"id="i-13">А как насчет</span></h4><div>?</h4><p>Итак,вы,вероятно,думаете,что со всеми этими замечательными новыми элементами на наших страницах дни тега<div>сочтены.<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/vanar.md/media/k2/items/cache/e67ec824afbc9f855ad850f1b49c5b05_XL.jpg'/><noscript><img loading='lazy'src='/800/600/http/vanar.md/media/k2/items/cache/e67ec824afbc9f855ad850f1b49c5b05_XL.jpg'/></noscript>На самом деле,<div>по-прежнему используется очень хорошо.Тег<div>следует использовать,когда нет другого более подходящего элемента для группировки некоторого контента.Распространенным примером является использование<div> для переноса всего содержимого на страницу,а затем использование CSS для центрирования всего содержимого в окне браузера или применения определенного фонового изображения ко всему содержимому.</p><p>Приведенный ниже листинг представляет собой фактический шаблон,который покажет вам,как все эти элементы правильно вложены друг в друга,и содержит все описанные выше HTML-элементы:</p><pre><!DOCTYPE html><html><тело><дел><header><h2><span class="ez-toc-section"id="i-14">Заголовок</span></h2></header><навигация><a href="/link1/">ССЫЛКА 1</a>|<a href="/link2/">ССЫЛКА 2</a>|<a href="/link3/">ССЫЛКА 3</a>|<a href="/link4/">ССЫЛКА 4</a></nav><статья><header><h2><span class="ez-toc-section"id="i-15">Пример</span></h2></header><раздел><заголовок><группа><h2><span class="ez-toc-section"id="i-16">Это заголовок,определяющий тему раздела.</span></h2><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/https/virand.ru/wp-content/uploads/2017/02/header_css.png'/><noscript><img loading='lazy'src='/800/600/https/virand.ru/wp-content/uploads/2017/02/header_css.png'/></noscript></p></hgroup></заголовок><p>В документе все взаимосвязано,блочная структура идентифицирует порядок и интенсивность отношений.</p><ул><li>Это ненумерованный список.</li><li>Элементы списка более тесно связаны,чем элементы в разделах.</li><li>Последовательность элементов неупорядоченного списка не имеет значения.</li></ul><h4><span class="ez-toc-section"id="HTML">HTML-элементы</span></h4><таблица><colgroup><столбец><колл.промежутка="2"></colgroup><tr><td>статья</td><td>самостоятельный фрагмент контента</td></tr><tr><td>в стороне</td><td>Дополнительный контент,например боковая панель</td></tr><tr><td>нижний колонтитул</td><td>Нижний колонтитул</td></tr><tr><td>заголовок</td><td>Заголовок</td></tr><tr><td>nav</td><td>Регион навигации</td></tr><tr><td>section</td><td>Сгруппированные связанные элементы.</td></tr></таблица></раздел><нижний колонтитул><p>Нижний колонтитул обычно содержит информацию об авторских правах или владельце веб-сайта.</p></нижний колонтитул></статья><в сторону><p>Aside указывает на контент,который косвенно связан с контентом вокруг него.<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/https/gnomesmonetized.ru/800/600/https/unect.net/assets/images/sozdanie/verstka/fragment-koda-verstki-site.jpg'/><noscript><img loading='lazy'src='/800/600/https/gnomesmonetized.ru/800/600/https/unect.net/assets/images/sozdanie/verstka/fragment-koda-verstki-site.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/ikonka-ideya-ikonki-ideya-76-045-besplatnyx-ikonok.html"rel="prev"><span class="meta-nav">Предыдущая запись</span>Иконка идея:Иконки идея—76,045 бесплатных иконок</a></div><div class="nav-next"><a href="https://xn--80aahvkuapc1be.xn--p1ai/raznoe/portrety-fotografii-lyudej-fotosoobshhestvo-xudozhestvennoj-fotografii-na-fotosajte-bolee-15000-fotografov-zagruzhajte-svoi-luchshie-fotografii-kommentirujte-delites-opytom.html"rel="next"><span class="meta-nav">Следующая запись</span>Портреты фотографии людей:Фотосообщество художественной фотографии.На фотосайте более 15000 фотографов.Загружайте свои лучшие фотографии,комментируйте,делитесь опытом.</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/html-shapka-shapka-html-codebasics.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='58509'id='comment_post_ID'/><input type='hidden'name='comment_parent'id='comment_parent'value='0'/></p></form></div>[an error occurred while processing the directive]</div>[an error occurred while processing the directive]</main>[an error occurred while processing the directive]</div>[an error occurred while processing the directive]</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><!--END#content--></div><!--END.row--></div><!--END.container--><footer class="mz-footer"id="footer"><!--footer widgets--><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><!--.site-info-->Расшифровки,размещенные на сайте,предназначены только для личного,некоммерческого использования.<br>При перепосте материалов обязательна активная ссылка:«Текст подготовлен компанией Орфографика.рф».<br>Вопросы и предложения:info@орфографика.рф.</div></footer></div><!--back to top button--><p id="back-top"><a href="#top"><i class="fa fa-angle-up"></i></a></p><style type="text/css">.archive#nav-above,.archive#nav-below,.search#nav-above,.search#nav-below,.blog#nav-below,.blog#nav-above,.navigation.paging-navigation,.navigation.pagination,.pagination.paging-pagination,.pagination.pagination,.pagination.loop-pagination,.bicubic-nav-link,#page-nav,.camp-paging,#reposter_nav-pages,.unity-post-pagination,.wordpost_content.nav_post_link,.page-link,.page-links,#comments.navigation,#comment-nav-above,#comment-nav-below,#nav-single,.navigation.comment-navigation,comment-pagination{display:none!important;}.single-gallery.pagination.gllrpr_pagination{display:block!important;}</style><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> <!-- noptimize --> <style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?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();</script> <!-- /noptimize --> <script defer src="https://xn--80aahvkuapc1be.xn--p1ai/wp-content/cache/autoptimize/js/autoptimize_055064b6bb302accf5ff57e304260087.js"></script></body></html>