Вопросы Теги

HTML-ТЭГИ: представляемый по сравнению со структурным

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

Например: в спецификации HTML 5 они не думают представляемо.

В этом списке тегов - которые являются всем поддерживаемым HTML 5 - какой тег представляем и который не является?
5
задан JackOrangeLantern 27 August 2012 в 00:07
поделиться

3 ответа

W3C определяет семантику тегов. Документы спецификации HTML5 дают условия по использованию различных тегов.

HTML5

Продолжая ваш пример, нет ничего плохого в использовании для выделения некоторого текста жирным шрифтом, если только:

  • Текст, выделенный жирным шрифтом, представляет собой единый объект, уже представленный тегом. :

    Неверно:

    Правильно: (Используйте CSS для стилизации элемента)
    label {font-weight: жирный; }

  • Текст выделяется жирным шрифтом, чтобы придать дополнительный акцент и вес на части или словах блока текста.

    Неверно:

    HTML был создан для семантического представления документов.

    Правильно: (используйте )

    HTML был создан для семантического представления документов.

Ниже приведен пример правильного использования тега :

Правильно:

Вы можете выйти в любое время.

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

Следующее было бы неправильным использованием.

Неправильно:

Предупреждение: Выполнение описанной ниже процедуры может привести к непоправимому повреждению вашего оборудования.

Правильно: (Используется для усиления выделения, поэтому используйте )

Предупреждение: после описанная ниже процедура может нанести непоправимый ущерб вашему оборудованию.

Использование - это запах разметки, и его просто нельзя допускать. Элемент используется для применения стиля к встроенным элементам, когда общий тег представления (например: не применяется). Например, чтобы сделать текст зеленым:

Неправильно:

Вам также будет приятно узнать, что ACME Corp имеет зеленый сертификат компании.

Правильно: (объяснение ниже)

Вам также будет приятно узнать, что ACME Corp является зеленая компания.

Причина, по которой вы хотели бы использовать вместо для слова зеленый - это потому, что зеленый цвет здесь используется для акцента на том факте, что ACME Corp является сертифицированной зеленой компанией.

Следующее может быть хорошим примером использования тега :

Правильно:

Вы можете нажать CTRL + G можно в любой момент изменить цвет пера на зеленый .

В этом примере слово зеленый выделено зеленым просто для отражения цвета, а не для добавления любого выделения ( ) или сильного выделения ( ).

7
ответ дан 18 December 2019 в 13:13
поделиться

Все различие между элементами "представления" и элементом "структуры", на мой взгляд, является вопросом здравого смысла, а не определением W3C или кем-либо еще. еще. :-P

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

А теперь отвечу на вторую часть вашего поста. Я понимаю, что это спорная тема, но все равно выскажу свое мнение.

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

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

Чтобы использовать ваш пример, вместо использования вы должны спросить себя , что должна выражать смелость. Если вы пытаетесь выразить заголовок раздела, используйте один из тегов заголовка (

-
). Если вы пытаетесь сделать сильный акцент, используйте . Вы уловили идею. Выражайте what , а не how ; оставьте как это сделать дизайнерам таблиц стилей.

7
ответ дан 18 December 2019 в 13:13
поделиться

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

Пример использования не является семантическим, потому что не придает значения. также не является семантическим. Таким образом, их использование - это смешивание презентации в структуре.

0
ответ дан 18 December 2019 в 13:13
поделиться
Другие вопросы по тегам:

Похожие вопросы: