Что такое семантическая разметка и зачем мне ее использовать?

От http://www.digital-web.com/articles/writing_semantic_markup/:

semantic markup is markup that is descriptive enough to allow us and the machines we program to recognize it and make decisions about it. In other words, markup means something when we can identify it and do useful things with it. In this way, semantic markup becomes more than merely descriptive. It becomes a brilliant mechanism that allows both humans and machines to “understand” the same information.

Использование семантической разметки означает, что код (X) HTML, который вы используете на странице, содержит метаданные, описывающие его назначение - например, <h2>, содержащий имя сотрудника, может быть помечен как class = "employee-name". Первоначально были некоторые люди, которые надеялись, что поисковые системы будут использовать эту информацию, но по мере развития сети семантическая разметка в основном использовалась для обеспечения ловушек для CSS.

С помощью CSS и семантической разметки вы можете отделить визуальный дизайн страницы от разметки. Это приводит к экономии полосы пропускания, поскольку дизайн нужно загрузить только один раз, и к упрощению модификации дизайна, поскольку он не смешивается с разметкой.

Другой момент заключается в том, что используемые элементы должны иметь логическую связь с данными, содержащимися в них. Например, таблицы следует использовать для табличных данных, <p> следует использовать для текстовых абзацев, <ul> следует использовать для неупорядоченных списков и т. д. В этом отличие от ранних веб-дизайнов, которые часто использовали таблицы для всего.

Семантика буквально означает использование «осмысленного» языка; в веб-разработке это в основном означает использование тегов и идентификаторов, описывающих контент.

Например, применение таких идентификаторов, как #Navigation, #Header и #Content к вашим тегам <div>, а не #Left и #Main, или использование неупорядоченных списков для списка навигационных ссылок, а не таблицы.

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

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

В этом году на OSCon было как минимум 2 сессии, посвященные использованию семантических технологий. Один был на BigData (слайды доступны здесь: http://en.oreilly.com/oscon2008/public/schedule/proceedings, другой - ребята из FreeBase.

BigData использовал его для сопоставления двух разнородных моделей данных (включая использование языков запросов, которые были специально созданы для работы с семантическими наборами данных). FreeBase сопоставляет разные наборы данных, а затем выполняет дальнейший анализ для определения значения этих наборов данных.

Связанные темы для изучения: OWL, OQL, SPARQL, Франц (AllegroGraph, RacerPRO и TopBraid).

Вот пример веб-сайта HTML5 с семантическими тегами, над которым я работал, который использует недавно принятые микроформаты, указанные в http://schema.org, вместе с новыми более семантическими элементами тегов HTML5.

http://blog-to-book.com/view/stuff/about/semantic%20web

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

Вот тестовый инструмент: http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fblog-to-book.com%2Fview%2Fstuff%2Fabout%2Fsemantic+web&view=

Обратите внимание, как Google теперь знает, что «вещи» на странице - это книги, и у них есть идентификатор isbn13. Добавление дополнительных метаданных, таких как цена и автор, позволяет делать дальнейшие выводы.

Надеюсь, это укажет вам некоторые интересные направления. Более подробная семантическая маркировка может быть достигнута с помощью онтологии хороших отношений, которая является в значительной степени наиболее полной, о которой я могу думать прямо сейчас.