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

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

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

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

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


person Jitendra Vyas    schedule 08.03.2010    source источник


Ответы (3)


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

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

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

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

person Community    schedule 08.03.2010

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

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

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

и

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

?

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

person lbedogni    schedule 17.03.2010

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

Например. ‹I> - это презентационный оператор, а ‹blockquote> или ‹q> - семантический оператор.

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

Теги ‹span> и ‹div> могут использоваться для передачи информации об обоих, но их следует использовать, чтобы что-то сказать о назначении элемента. Затем стиль можно установить с помощью CSS. Итак, хотя ‹span> и ‹div> не имеют значения сами по себе, класс или идентификатор, установленный для них, должны содержать информацию об их назначении, а не их внешнем виде.

person Anne Schuessler    schedule 08.03.2010
comment
‹Em› не является презентационным. ‹Quote› не существует. - person Alohci; 08.03.2010
comment
Да, думаю, вы совершенно правы. Пожалуйста, поправьте меня, если я снова ошибаюсь, но в этом случае ‹i› будет презентационным элементом ‹em›, а ‹blockquote› или ‹q› - теги, которые помечают что-то как цитату. Звук лучше? - person Anne Schuessler; 08.03.2010
comment
Почти. Считать ‹i› презентационным аналогом ‹em› очень часто, потому что по умолчанию ‹em› отображается курсивом. Но это в равной степени верно и в отношении ‹cite›. На самом деле лучше не думать о них как о двойниках, а как о независимых элементах, каждый со своими вариантами использования, и рассматривать их рендеринг по умолчанию как не более чем совпадение. - person Alohci; 08.03.2010