Структура тела документа (код между тегами <body>) определяет его видимую часть. Именно в этом коде находится содержимое веб-страницы.
Язык HTML с самого начала предлагал разные способы построения и организации информации в теле документа. Один из первых элементов, выполняющих эту функцию, — <table>. Таблицы позволяют организовывать данные, текст, изображения и инструменты в строки и столбцы, хотя первоначально этот элемент создавался для других целей.
Во времена появления Сети использование таблиц стало настоящей революцией, большим шагом вперед в области визуализации документов и работы с веб-страницами. Позднее эти функции таблиц постепенно взяли на себя другие элементы, позволявшие добиваться тех же результатов быстрее с использованием меньшего объема кода. Создавать, поддерживать и приспосабливать страницы к новым требованиям стало намного проще.
Основным элементом стал <div>. С появлением интерактивных веб-приложений и взаимной интеграции HTML, CSS и JavaScript использование <div> стало привычной практикой. Однако этот элемент, как и <table>, не дает достаточно информации о той части тела документа, которую он представляет. Между открывающим и закрывающим тегами <div> может находиться все, что угодно: меню, текст, ссылки, сценарии, формы и т. д. Другими словами, ключевое слово div всего лишь указывает на некую составляющую тела документа, например на ячейку в таблице, однако ничего не говорит о том, что это за составляющая, каково ее назначение и что находится внутри нее.
Для пользователей такие подсказки не слишком важны, но для браузеров правильная интерпретация содержимого обрабатываемого документа может иметь критическое значение. После революции в области портативных устройств и возникновения новых способов подключения к Сети возможность распознавания всех частей документа обрела особую значимость.
Именно поэтому в HTML5 появились новые элементы, помогающие определить каждую часть документа и упорядочить его тело. В HTML5 документ делится на несколько важных разделов, и основная структура больше не зависит от тегов <div> и <table>.
Как использовать эти новые элементы — решает сам разработчик, однако ключевые слова, выбранные для каждого такого элемента, дают подсказку относительно его назначения. Обычно веб-страница или вебприложение делится на несколько визуальных областей, что улучшает взаимодействие с пользователем и интерактивность. Как мы скоро убедимся, ключевые слова, представляющие каждый из новых элементов HTML5, тесно связаны с этими визуальными областями.
Добавить комментарий