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

Question

Как говорится.

Answer 1

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

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

---

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

Answer 2

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

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

Answer 3

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

Например, применение идентификаторов, такие как #navigation, #header и #content к вашим <DIV> тегов, а не #Left и #main, или с использованием неупорядоченных списков для получения списка навигационных ссылок, а не за столом ,

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

Answer 4

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

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

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

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

Answer 5

Ниже приведен пример веб-сайта с меткой 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. Добавление дополнительных метаданных, таких как цена и автор, позволяет сделать дальнейшие выводы.

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