Как организовать HTML5 Text-dummies

Помимо их обязательного разделения на разделы главы и тела, текст в тексте документа HTML может быть организован любым количеством способов.

Кредит: © iStockphoto. com / Chimpinski

Рукописи документов

Внутри раздела вы можете (и, вероятно, должны) определять все виды ярлыков и информации, включая заголовок. Такие определения помогут вам описать следующий документ, включая используемые им наборы символов, метаданные для поисковых систем и описания страниц, а также инструкции для веб-сервера, который предоставляет вашу страницу, таблицы стилей по умолчанию, поведение обновления страницы и многое другое.

(Примечание: Метаданные буквально означают «данные о данных» - в этом случае это означает информацию о следующей веб-странице.) Чтобы узнать больше о элементе HTML, пожалуйста, посетите следующие сайты:

• w3schools. com HTML-тег

• quackit. com HTML 5 Страница тегов

• Рабочий проект W3C HTML5: Издание для веб-страниц авторов

В разделе показано, где находится реальный контент в документах HTML и где появляется огромное количество элементов HTML и разметки.

Заголовки документов

Заголовки в HTML обычно обозначаются элементами

через

. Они отличаются от HTML-документа, поскольку они устанавливают заголовки в содержимом документа в.

Текстовые контейнеры

Элемент абзаца (

) в HTML, вероятно, является самым известным текстовым контейнером, но HTML поддерживает все виды других текстовых контейнеров. Другие такие элементы включают следующее (в алфавитном порядке):

• : представляет статью, часть автономного контента.

• : представляет контент, относящийся к объемному контенту, который может стоять отдельно.

• : объявляет раздел навигации в документе HTML. Этот элемент обычно зарезервирован для вкладок, кнопок или ссылок для доступа к основным компонентам сайта.

• : содержит стандартный контент или информацию в верхней части веб-страницы (баннер, навигационные средства, общий текст и т. Д.).

• : содержит стандартный контент или информацию в нижней части веб-страницы (уведомления об авторских правах, незначительная навигация, обратная связь с обратной связью и т. Д.).

HTML также включает в себя всевозможные способы подчеркнуть или идентифицировать текст внутри абзацев или других текстовых контейнеров.

Списки

HTML поддерживает простое определение множества списков, включая маркированные (неупорядоченные) списки, нумерованные (упорядоченные) списки и даже списки определений (включая термины и описания). Вы можете вставлять списки в списки, чтобы создать столько уровней иерархии, сколько вам может понадобиться.(Вложение ваших списков особенно полезно при описании сложного объекта или моделировании оглавления с многочисленными уровнями заголовков.)

Таблицы

В дополнение к множеству механизмов перечисления HTML включает разметку для определения таблиц. Таблицы были действительно популярны в 1990-х годах для управления сложными макетами страниц; сегодня они используются в основном для таблиц информации, как и должно быть. Структура является частью того, как работает разметка, поэтому в определениях для таблицы HTML вы можете

• Различать заголовки столбцов, данные таблицы и нижние колонтитулы таблицы или комментарии.

• Управление строками и столбцами с элементами управления, которые позволяют вам группировать строки или столбцы для группировки и организации.

Разметка каскадных таблиц стилей (CSS)

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

CSS предоставляет подробный контроль над выбором шрифтов, использование цвета для текста и фона, позиционирование текста и других элементов на странице и (как и старые рекламные ролики Ronco) гораздо больше!

Вы можете создавать веб-сайт без использования CSS (с использованием CSS требуется больше работы), но это правильный инструмент для точного контроля над внешним видом и макетом. Настоятельно рекомендуется!