Семантический HTML - Википедия - Semantic HTML

«Семантическая разметка» перенаправляется сюда. Для более общего использования см. разделение содержания и представления. Семантику языков программирования см. Семантика (информатика).

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

История

HTML включает семантическую разметку с момента своего создания.[1] В документе HTML автор может, среди прочего, «начинать с заголовка; добавлять заголовки и абзацы; делать акцент на [тексте]; добавлять изображения; добавлять ссылки на другие страницы; [и] использовать различные виды списков» .[2]

Включены различные версии стандарта HTML презентационная разметка Такие как <font> (добавлено в HTML 3.2; удалено в HTML 4.0 Strict), <i> (все версии) и <center> (добавлено в HTML 3.2). Также существуют семантически нейтральные промежуток и div элементы. С конца 1990-х годов, когда Каскадные таблицы стилей начали работать в большинстве браузеров, веб-авторов поощряли избегать использования презентационной разметки HTML с целью разделение презентации и содержания.[3]

В 2001, Тим Бернерс-Ли участвовал в обсуждении Семантическая сеть, где было представлено, что интеллектуальные программные «агенты» могут однажды автоматически сканировать Интернет и находить, фильтровать и сопоставлять ранее не связанные, опубликованные факты в интересах конечных пользователей.[4] Такие агенты не являются обычным явлением и сейчас, но некоторые идеи Веб 2.0, мэшапы и сайты сравнения цен может быть близко. Основное различие между этими гибридами веб-приложений и семантическими агентами Бернерса-Ли заключается в том, что текущий агрегирование а гибридизация информации обычно разрабатывается веб-разработчиками, которые уже знают расположение в Интернете и Семантика API конкретных данных, которые они хотят смешать, сравнить и объединить.

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

Чтобы пауки поисковых систем могли оценивать значимость фрагментов текста, которые они находят в документах HTML, а также для тех, кто создает гибридные приложения и другие гибриды, а также для более автоматизированных агентов по мере их разработки, семантические структуры, которые Существуют в HTML, должны широко и единообразно применяться для выявления смысла публикуемой информации.[5]

Хотя истинная семантическая сеть может зависеть от сложных RDF онтологии и метаданные каждый HTML-документ вносит свой вклад в значимость Интернета за счет правильного использования заголовков, списков, заголовков и другой семантической разметки везде, где это возможно. Такое «простое» использование HTML получило название «Обычный старый семантический HTML» или POSH.[6] Правильное использование тегов Web 2.0 создает фольксономии это может быть равно или даже более значимым для многих.[5] HTML 5 введены новые семантические элементы, такие как раздел, статья, нижний колонтитул, прогресс, навигация, в стороне, отметка, и время.[7] В целом цель W3C состоит в том, чтобы постепенно вводить больше способов для браузеров, разработчиков и поисковых роботов лучше различать разные типы данных, обеспечивая такие преимущества, как лучшее отображение в браузерах на разных устройствах.

Презентационные элементы формально не устарел в рекомендациях HTML 4.01 и XHTML, но не были рекомендованы. В HTML 5 некоторые из этих элементов, например я[8] и б[9] все еще указаны, поскольку их значение было четко определено «как стилистически отстоящее от обычной прозы, не придавая особой важности».[Эта цитата требует цитирования ]

Соображения

В случаях, когда документ требует более точной семантики, чем выраженная только в HTML, фрагменты документа могут быть заключены в охватывать или же div элементы со значимыми именами классов[10] Такие как <span class="author"> и <div class="invoice">. Если эти имена классов также являются идентификатор фрагмента внутри схемы или онтологии они могут ссылаться на более определенное значение. Микроформаты формализовать этот подход к семантике в HTML.

Одним из важных ограничений этого подхода является то, что такая разметка, основанная на включении элементов, должна удовлетворять условиям корректности. Поскольку эти документы имеют широкую древовидную структуру, это означает, что таким способом могут быть размечены только сбалансированные фрагменты поддерева.[11] Для разметки любого произвольного раздела HTML потребуется механизм, не зависящий от самой структуры разметки, например XPointer.

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

Google "Rich Snippets"

В 2010, Google указали три формы структурированных метаданных, которые их системы будут использовать для поиска структурированного семантического контента на веб-страницах. Такая информация, связанная с отзывами, профилями людей, списками компаний и событиями, будет использоваться Google для улучшения «фрагмента» или короткого фрагмента цитируемого текста, который отображается, когда страница появляется в списках результатов поиска. Google указывает, что эти данные могут быть предоставлены с использованием микроданные, микроформаты или же RDFa.[12] Микроданные указаны внутри тип элемента и повторять атрибуты, добавленные к существующим элементам HTML; ключевые слова микроформата добавляются внутрь учебный класс атрибуты, как описано выше; и RDFa полагается на rel, тип и свойство атрибуты добавлены к существующим элементам.[13]

Смотрите также

Рекомендации

  1. ^ Бернерс-Ли, Тим; Фишетти, Марк (2000). Плетение сети: оригинальный дизайн и конечная судьба всемирной паутины от ее изобретателя. Сан-Франциско: Харпер. ISBN  978-0062515872.
  2. ^ Рэггетт, Дэйв (24 апреля 2005 г.). «Начало работы с HTML». Консорциум World Wide Web. Получено 8 декабря 2010.
  3. ^ Рэггетт, Дэйв (8 апреля 2002 г.). «Добавление нотки стиля». Консорциум World Wide Web. Получено 8 декабря 2010. В этой статье отмечается, что презентационная разметка HTML может быть полезна при ориентации на браузеры "до Netscape 4.0 и Internet Explorer 4.0 "оба были выпущены в 1997 году.
  4. ^ Бернерс-Ли, Тим; Хендлер, Джеймс; Лассила, Ора (2001). «Семантическая сеть». Scientific American. Получено 2009-10-02.
  5. ^ а б Шедболт, Найджел; Бернерс-Ли, Тим; Холл, Венди (май – июнь 2006 г.). «Возвращение к семантической сети» (PDF). Интеллектуальные системы IEEE. Получено 8 декабря 2010.
  6. ^ "Обычный старый семантический HTML (POSH)". Микроформаты вики. сообщество микроформатов. 20 апреля 2007 г.. Получено 4 мая, 2013.
  7. ^ Робинсон, Майк. «Поговорим о семантике». HTML 5 Доктор. Получено 26 октября 2015.
  8. ^ «HTML5». Консорциум World Wide Web. Раздел 4.5.17: Элемент i.
  9. ^ «HTML5». Консорциум World Wide Web. Раздел 4.5.18: Элемент b.
  10. ^ Эти имена классов в лучшем случае предполагают, а не формально значимы, если только они не используются ранее как создателем, так и потребителем контента.
  11. ^ «Хорошо оформленные XML-документы». Расширяемый язык разметки (XML) 1.1. W3C.
  12. ^ "Расширенные описания". Центр веб-мастеров. Получено 26 мая 2010.
  13. ^ «Предприятия и организации - Информация об организации». Центр веб-мастеров. Получено 26 мая 2010.

внешняя ссылка