Вопрос

Примечание: Я знаю <b> является презентационным и <span style="font-weight:bold> это лучший способ, и <strong> и <em> подчеркнуты, но мой вопрос касается не этого.


Должны ли мы обращать каждый <b> Для <strong> вслепую?Многие люди делают это, они думают <b> не соответствует веб-стандартам, поэтому они конвертируют каждый <b> Для <strong> при редизайне сайта, перенаселении контента, новом дизайне сайта люди также предлагают это другим.


Dreamweaver также предоставил возможность конвертировать все <b> и <i> Для <strong> и <em> при вставке кода в режиме конструктора и когда мы используем B и I, которые люди используют вслепую.

альтернативный текст http://shup.com/Shup/280420/1101118332-My-Desktop.png

И Dreamweaver (если выбрана вышеуказанная опция), и многие онлайн-редакторы WYSIWYG выдают выходные данные в <strong> и <em> пока отображается кнопка B и Я.

альтернативный текст http://shup.com/Shup/280425/1101118921-My-Desktop.png

На мой взгляд, это создает неправильное представление о <strong> и <b>


Когда мы получаем контент от клиента, мы не знаем, где клиент хочет подчеркнуть, а где он просто хочет использовать жирный текст в целях презентации.Что нам следует делать в этих обстоятельствах?Ни у кого нет времени, чтобы решать для каждого экземпляра (у нас и у клиента), следует ли это делать <b> или <strong>, <i> или <em>

Каковы плюсы и минусы преобразования каждого <b> и <i> в <strong> и <em> слепо ли мы говорим, что наш сайт доступен?


Обновить: вспомни <b> и <i> не являются устаревшими, они находятся в спецификации HTML 5

Это было полезно?

Решение

Как уже упоминали другие, используя <strong>, <em>, <cite> и т. д.добавляет семантику, и это важно, потому что вы говорите, почему вы хотите что-то подчеркнуть, и повышаете читаемость вашего HTML, потому что вы знаете, почему это выделено жирным шрифтом.

Кроме того, программы чтения с экрана используют сильные теги, чтобы обеспечить слышимость при чтении вслух.

Возможно, вы могли бы подумать о звуковом представлении в качестве руководства.Если вы хотите, чтобы при чтении вслух была разница, отметьте ее как <strong> например, если не использовать <b>.

Затем возникает проблема рендеринга:На самом деле я не знаю, все ли браузеры отображают <strong> как смелый и останется ли он таким.

Итак, вкратце: <strong>Нет</strong>.

Другие советы

Можно ли использовать <strong> на месте <b> слепо?

Нет.

Цитирую Анну ван Кестерен (источник):

Позвольте мне дать несколько противоречивых советов.Пожалуйста, замените em с i и strong с b.Полученная разметка, вероятно, будет более точной.Крайне маловероятно, что программное обеспечение WYSIWYG будет использоваться правильно, особенно с программным обеспечением WYSIWYG, но также потому что распространилось мнение, что они взаимозаменяемы с той лишь разницей, что strong и em семантические, произошло много неправильного использования.В случае сомнений используйте i и b.

И он прав, конечно. strong и b не одинаковы. em и i не одинаковы.Используйте только strong / em если вы хотите добавить смысловой акцент в текст.

<b>, <i>, <tt> являются строго типографскими.

Говоря типографский, я не имею в виду визуальный.Я имею в виду семантику, выраженную взглядом.Им нужен дополнительный контекст, чтобы иметь конкретное значение (например.определение, например:

  • текст, выделенный курсивом, взят из...

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

(for example [this one has another context])

например у этого другой контекст

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

Как вы отметили, они считаются устаревшими, но не в XHTML5.Почему?Я думаю, что в основном веб-контент предназначен не только для электронных СМИ.Если вы печатаете веб-документ, эти теги могут заменить синтаксис некоторых выражений, используемых, например, в TeX.

<strong> и <em> предназначены исключительно для семантики,

рассказывая, как текст следует читать и подчеркивать.

Итак, подведем итог: ни один из этих тегов не означает то же самое, что и другие, поэтому они даже не не должно быть используется, но может и не быть используются взаимозаменяемо и не заменяются.В частности, вслепую.

AFIR, Dreamweaver не является моделью редактора WYSIWYM.Я всегда считал, что это новое поколение мышления FrontPage (простота использования и выполнение задач сейчас, забвение о будущем и масштабируемости).

Итак, я понимаю удивление, и ваше ошибочное мнение верно :)

Мы не должны меняться местами b и strong вслепую, поскольку у них разное целевое назначение.

<b> и <i> не являются презентационными элементами в соответствии со спецификацией HTML5.У них другой смысл и назначение.Цитирую спецификации HTML5,

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

и для того, чтобы i элемент,

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

Как очень хорошо разъяснили другие, i и em не могут использоваться взаимозаменяемо, как и в случае с b и strong.

Использование i и b по прямому назначению встречается очень редко.(например.в сценариях диалогов, тезисах, резюме)


Ссылки:

  1. http://html5doctor.com/i-b-em-strong-element/
  2. http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-i-element

Если вы просто хотите использовать жирный текст, сделайте его жирным с помощью CSS.Если «жирный» начертание шрифта не имеет смыслового значения, не следует использовать <strong> или <em> для этого.Однако вам не следует использовать <b> или <i> либо потому, что они несемантические (на самом деле это теги стиля шрифта), и поэтому их использование обескуражен, если даже не устарел.

<b> и <strong> не обязательно одинаковы. <strong> как вы предложили, предназначены для большего акцента, в то время как <b> предназначены только для стилизации.Поэтому не следует переключать их вслепую.

Некоторые люди скажут, что <b> тег устарел, но это не так.Его все еще жив и здоров.Однако;как вы говорите, это не очень семантично, поэтому, возможно, лучше использовать <span> и стилизуйте его.

Как уже говорили другие, существует семантическая разница междуstrong/b и i/em.В частности, они используются программами чтения с экрана для слабовидящих людей, посещающих ваш сайт.Для них имеет огромное значение, если вы просто выделите текст жирным шрифтом или захотите добавить какой-то акцент к тому, что вы говорите на своем веб-сайте.Поэтому обязательно подумайте о том, чтобы сделать что-то смелое, используя B или STRONG.То же самое касается EM и меня.

Здесь уже есть несколько отличных ответов, но для тех из вас, кто еще не совсем понял и нуждается в дальнейших объяснениях и примерах, я нашел полезное объяснение этого в HTML-текст, документация веб-платформы руководство.В учебнике объясняется разница в использовании между <strong> и <b> чуть дальше середины страницы и приведены примеры.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top