Для просмотра HTML-документов используют специальные программы, которые называются браузерами (Browser, т. е. средство просмотра – в дословном переводе). Такие программы нуждаются в графической оболочке. В частности, значительное число браузеров (Microsoft Internet Explorer, Netscape Communicator, Opera и др.) работают в среде Windows 95, 98 и 2000.
Популярность языка HTML росла вместе с развитием сети Интернет. Отсутствие в течение некоторого времени стандартов на язык HTML привело к тому, что некоторые браузеры отображали должным образом не все тэги, а в версиях различных фирм одни и те же тэги могли трактоваться неодинаково или даже не поддерживались. Широкое использование HTML-документов в сети Интернет привело к появлению международных стандартов на этот язык, называемых спецификациями языка HTML. Этой работой занялась широко известная организация World Wide Web Consortium (W3C). Первая из спецификаций, признанная большинством компаний-разработчиков, явилась HTML 2.0, представленная в конце 1995 г. Вскоре была выпущена предварительная (рабочая) версия спецификации 3.0, а в мае 1996 г. – проект спецификации HTML 3.2. После длительного обсуждения и исправления в январе 1997 г. эта спецификация стала официальной рекомендацией для разработчиков HTML-документов и браузеров. В декабре 1997 года официальной рекомендацией стала спецификация HTML 4.0, которая остается в действии до настоящего времени.
Основой спецификации HTML 4.0 стало отделение параметров описания документов от параметров представления отдельных его фрагментов на экране монитора. Такое разделение облегчает адаптацию языка к различным платформам и средам (Windows, UNIX, DOS и пр.) и упрощает процесс внесения изменений в документы. В соответствии с такой концепцией для описания документа следует использовать таблицу стилей, причем это понятие сходно с используемым в современных текстовых редакторах, таких как Word 97 или 2000. Использование же данных о форме представления документа вперемежку с содержанием самого документа не рекомендуется.
Спецификация HTML 4.0 отменяет ряд ранее использовавшихся тэгов. Отмена тэга означает, что этот тэг по-прежнему поддерживается браузерами, но его применение в современных документах не рекомендуется. В дальнейшем такие тэги могут быть переведены в разряд устаревших, которые уже могут не поддерживаться браузерами. Информация такого рода может быть получена на сайте http://www.w3.org/TR/.
Любой HTML-документ заключен в контейнер и .
Здесь и далее по тексту запись "контейнер и " означает, что это контейнер с открывающим и закрывающим тэгами. Аналогичен смысл записи и для других возможных тэгов.
Сам документ, как уже говорилось выше, представляет собой обычный текстовый файл. Его можно просматривать в DOS с помощью стандартных редакторов и средств просмотра текстовых документов, при этом вместе с самим текстом мы будем видеть и тэги. Структурно документ распадается на 2 части: заголовочную и основную, или тело документа. Первая часть находится внутри контейнера
и , а основная часть – внутри контейнера и .
Единственный обязательный тэг, который используется в заголовочной части, —
, причем он образует контейнер, внутри которого размещается текст заголовка. При загрузке документа в браузер текст заголовка загружается в первую очередь в окно заголовка браузера. Если текст заголовка достаточно информативен, пользователь в процессе поиска релевантных документов уже на этапе загрузки документа может определить, действительно ли ему нужен этот документ, а если не нужен, то сразу отказаться от его загрузки и перейти к загрузке следующего. Текст названия используется и при создании закладки для данного документа, с этой точки зрения также очень важна его информативность.</p></div></div>
</section>
<div class="pagination pagination_text pagination_text_bot">
<div class="page-nav__item">
<a rel="nofollow" href="/reader/elektronnye-izdaniya-vul/21" 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="63" data-route="/reader/elektronnye-izdaniya-vul" value="22">
</div>
<div class="page-nav__item">
<a rel="nofollow" href="/reader/elektronnye-izdaniya-vul/23" 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>
