В XHTML / HTML какие элементы имеют семантическое значение, какие присутствуют, а какие нет в обеих категориях?

Question

В XHTML / HTML какие элементы имеют семантическое значение, какие являются презентационными, а какие нет в обеих категориях?

А кто решает, какой тег является семантическим, презентационным? W3C или веб-разработчик со своими условиями?

В чем разница между структурной и семантической разметкой?

Разве DIV и span не семантические, если да, то почему мы используем?

Answer 1

Зависит от того, что в целом элементы представления влияют на внешний вид объекта, в то время как семантика дает только «значимость».

Пример: в чем разница:

<h1>Hey, I'm a title</h1>

и

<font size="36px">Hey, I'm a title</h1>

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

Answer 2

Упорядоченные списки (OL) и неупорядоченные списки (UL), например, являются примерами элементов разметки с некоторой семантической загрузкой. Идея состоит в том, чтобы показать клиенту, что несколько элементов так или иначе связаны, например, представляют опции в некотором меню. Это помогает программам чтения с экрана, которые будут последовательно читать пункты меню.

А кто решает, какой тег является семантическим, презентационным? W3C или веб-разработчик со своими условиями?

Оба. Стандарты диктуют, что и как предполагается использовать. Разработчики могут соглашаться или игнорировать это (как в случае с вездесущими таблицами, используемыми для проектирования).

Я считаю, что общая идея состоит в том, чтобы рассматривать (X) HTML-конструкцию как структурную (с семантическим значением или без таковой) и использовать CSS для настройки свойств представления.

Answer 3

Семантика о значении элемента. Презентация о внешнем виде элемента.

например. - это презентационное утверждение, а или - это семантическое утверждение.

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

Теги

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