Авторизация

Семантическая разметка HTML документа.

Семантическая разметка HTML документа.

Цель языка HTML заключается в обеспечении смысла и структуры контента. Этот язык не предназначен для создания инструкции о том, как должен выглядеть контент документа (его представления).

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

Разметка не только наделяет контент смыслом, но и структурирует документ. Между определяющими элементами, которые следуют друг за другом или вложены друг в друга, создаются отношения, которые можно представить как структуру (или, если использовать профессиональную терминологию, как объектную модель документа (Document Object Model, DOM)). Скрытая иерархия документа важна, так как в ней содержатся инструкции для браузеров о том, как отображать документ. Кроме того, это основа, к которой мы можем добавить инструкции для представления документа с помощью таблиц стилей и поведения с помощью языка javascript.

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

Оставить комментарий
Навигация по сайту
  • Скачать 1
  • Скачать 2
  • Скачать 3
Универсальный шаблон готового сайта UseSite

Универсальный шаблон готового сайта UseSite


Полностью готовый к применению в качестве сайта шаблон UseSite является универсальным инструментом для быстрого создания Интернет проекта. В нем предусмотрены все основные модули необходимые современному сайту: фотогалерея,...

Подробнее →  

  • Просмотров: 25 419
Готовый сайт оплаты и доставки электронного товара. OnPay Система платежей

Готовый сайт оплаты и доставки электронного товара. OnPay Система платежей


Готовый шаблон сайта для продажи и доставки электронных товаров. Автоматическая оплата товара и мгновенная его отправка покупателю. Шаблон настроен для работы с платежной системой OnPay. Персональный аттестат WebMoney не...

Подробнее →  

  • Просмотров: 7 758
Редактируем шаблоны готового сайта. Скачать книгу для начинающих вебмастеров

Редактируем шаблоны готового сайта. Скачать книгу для начинающих вебмастеров


Вам не обязательно быть программистом, достаточно научиться понимать и редактировать уже написанный код. Данное руководство предназначено для новичков в вебстроительстве. Рассчитано на работу со специально созданными шаблонами...

Подробнее →  

  • Просмотров: 13 466

 

 

Нименование Количество Цена / 1 шт.
Всего: 0 руб.