– определяет корневой элемент HTML.
– содержит метаданные о документе, такие как заголовок, ссылки на стили и скрипты.
– задает заголовок документа, отображаемый в строке заголовка браузера.</p><p><body> – содержит основное содержимое документа, такое как текст, изображения, таблицы и другие элементы.</p><p><h1>, <h2>, …, <h6> – определяют заголовки различных уровней.</p><p><p> – создает абзац текста.</p><p><a> – создает гиперссылку.</p><p><img> – вставляет изображение.</p><p><ul>, <ol>, <li> – создают неупорядоченный или упорядоченный список.</p><p><div> – определяет блок элемента для создания контейнеров.</p><p><span> – определяет строчный элемент для стилизации отдельных частей текста.</p><p><table>, <tr>, <td> – создают таблицы, строки и ячейки.</p><p><form> – определяет форму для ввода данных.</p><p><input> – создает поле ввода внутри формы.</p><p><button> – создает кнопку.</p><p><textarea> – создает многострочное текстовое поле.</p><p><select>, <option> – создают выпадающий список.</p><p><hr> – рисует горизонтальную линию (разделитель).</p><p><!– … –> – комментарий.</p><br><p>Списки и таблицы:</p><p><dl>, <dt>, <dd> – создают определение списка (словарь).</p><p><ul>, <ol>, <li> – дополнительные атрибуты могут изменять структуру и внешний вид списков (маркированные, нумерованные списки).</p><p><table>, <thead>, <tbody>, <tfoot>, <tr>, <th> – для создания и стилизации таблиц.</p><br><p>Формы и ввод данных:</p><p><form> – содержит элементы формы.</p><p><input> – различные типы для ввода текста, пароля, чекбоксов, радиокнопок и др.</p><p><select>, <option> – создают выпадающий список.</p><p><button> – создает кнопку.</p><p><textarea> – создает многострочное текстовое поле.</p><p><label> – связывает текст с элементом формы для улучшения доступности.</p><br><p>Мультимедиа:</p><p><audio>, <video> – встраивают аудио и видео контент.</p><p><source> – определяет источники мультимедийных данных.</p><br><p>Гиперссылки и маркеры:</p><p><a> – ссылка, может содержать текст, изображение или другие элементы.</p><p><nav> – обозначает блок навигации.</p><p><header>, <footer> – определяют верхнюю и нижнюю части страницы соответственно.</p><br><p>Метаданные:</p><p><meta> – предоставляет метаданные, такие как кодировка, описание, ключевые слова.</p><br><p>Структурные элементы:</p><p><article> – обозначает независимую статью в документе.</p><p><section> – определяет раздел в документе.</p><p><aside> – обозначает содержание, которое находится в стороне от основного контента.</p><p><figure>, <figcaption> – используются для встраивания графики с подписью.</p><br><p>Стилизация:</p><p><style> – встраивает стилевые правила непосредственно в документ.</p><p><link> – связывает документ с внешними ресурсами, такими как таблицы стилей.</p><p>Скрипты и взаимодействие:</p><p><script> – встраивает или подключает внешние скрипты.</p><p><noscript> – предоставляет контент для пользователей, у которых отключен JavaScript.</p><br><p>Графика:</p><p><img> – встраивает изображение.</p><p><svg> – для векторной графики.</p><p><canvas> – создает поле для рисования с помощью JavaScript.</p><br><p>Метки:</p><p><mark> – помечает текст для выделения.</p><p><abbr> – определяет аббревиатуру.</p><p><cite> – ссылается на название источника цитаты.</p><br><p>Фреймы и встроенные ресурсы:</p><p><iframe> – встраивает фрейм для отображения внешнего контента.</p><p><embed>, <object> – встраивают веб-ресурсы, такие как аудио, видео или флеш.</p><br><p>Другие элементы:</p><p><progress> – показывает прогресс выполнения задачи.</p><p><details>, <summary> – определяют видимость дополнительных деталей.</p><p><time> – представляет дату и/или время.</p><br><p>HTML5 внесло ряд новых элементов, предоставляя более четкие семантические теги для разработчиков. Вот некоторые из них:</p><p><header> и <footer> – определяют верхний и нижний колонтитул страницы.</p><p><nav> – обозначает навигационные ссылки.</p><p><article> – группирует содержимое, которое формирует отдельную часть документа.</p></div>
</section>
<div class="pagination pagination_text pagination_text_bot">
<div class="page-nav__item">
<a rel="nofollow" href="/reader/rukovodstvo-po-sozdaniyu-i-prodvizheniyu-saytov-s-razborom-koda-html-i-css-dryahlov/7" class="pagination__item">Назад</a>
</div>
<div class="page-nav__group">
<input id="change-page" type="number" class="page-nav__control" pattern="\d+" min="1" max="9" data-route="/reader/rukovodstvo-po-sozdaniyu-i-prodvizheniyu-saytov-s-razborom-koda-html-i-css-dryahlov" value="8">
</div>
<div class="page-nav__item">
<a rel="nofollow" href="/reader/rukovodstvo-po-sozdaniyu-i-prodvizheniyu-saytov-s-razborom-koda-html-i-css-dryahlov/9" class="pagination__item">Вперед</a>
</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="container footer__inner">
<div class="footer__logo logo logo_footer">
<a class="logo__link" href="/">
<span class="logo__name">
SimplyBooks
<span class="logo__dot">In</span>
</span>
</a>
</div>
<nav class="footer__nav">
<ul class="footer-menu">
<li class="footer-menu__item"><a href="/new" class="footer-menu__link">Новинки</a></li>
<li class="footer-menu__item"><a href="/tag" class="footer-menu__link">Жанры</a></li>
<li class="footer-menu__item"><a href="/hello" class="footer-menu__link">Контакты</a></li>
</ul>
</nav>
</div>
</footer>
<div class="mobile-bar" id="mobileMenu">
<div class="mobile-bar__head">
<div class="mobile-bar__head-inner container">
<div class="mobile-bar__close">
<button class="mobile-bar__close-btn" id="menuClose"></button>
</div>
</div>
</div>
<div class="mobile-bar__body">
<div class="mobile-bar__body-inner container">
<ul class="mobile-menu">
<li class="mobile-menu__item"><a href="/new" class="mobile-menu__link">Новинки</a></li>
<li class="mobile-menu__item"><a href="/tag" class="mobile-menu__link">Жанры</a></li>
<li class="mobile-menu__item"><a href="/hello" class="mobile-menu__link">Контакты</a></li>
<li class="mobile-menu__item mobile-search">
<form action="/find" class="form mobile-search__form" method="get">
<div class="form__group form-group_inline">
<input placeholder="Поиск" type="search" value="" name="query" class="form__control mobile-search__input" required="required">
<button type="submit" class="mobile-search__submit search__btn">Найти</button>
</div>
</form>
</li>
</ul>
</div>
</div>
</div>
<script src="/build/runtime.5332280c.js" defer></script><script src="/build/site.01974e7b.js" defer></script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.webvisor.org/metrika/tag_ww.js", "ym");
ym(97862865, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>
<!-- /Yandex.Metrika counter -->
</div>
</body>
</html>