Альтернатива тегу HTML Bold

Question 1

Хорошо, я знаю, что в HTML вы можете использовать <b>тег, но разве нет "weight=bold"атрибута, который я могу использовать в <p>теге?

Или это в CSS или Javascript?

Question 2

Также обратите внимание на <strong>тег. Это намного лучше для программ чтения с экрана и, следовательно, лучше для доступности. Поисковые системы также использовать <strong>тег для определения важного содержимого подобно тому , как они используют заголовок тег <h1>, <h2>и т.д. (хотя <b>и будет иметь одинаковое значение для поисковых систем). Если вы хотите подчеркнуть важность текста, используйте <strong>. Если вы не хотите подчеркивать важность, используйте <b>тег или font-weight:bold;стиль элемента или CSS.

Хотя, если вы выделяете жирным весь абзац, вероятно, лучше использовать опцию CSS. Это снизит влияние на программы чтения с экрана, и, вероятно, не имеет смысла выделять весь абзац. Но, с другой стороны, я раньше не зря видел, как жирный шрифт использовался для выделения всего абзаца. В этом случае font-weight:bold;это то , что вы хотите использовать, скорее всего, в классе / стиле.

В конце концов, <strong>, <b>или font-weight:bold;все будет работать и сделать что - то подобное визуально (вероятно , точно такой же), но они имеют несколько иной смысл. Кроме того , убедитесь , что если то , что вы вскипание является заголовком, используйте теги заголовков: <h1>, <h2>и т.д.

Question 3

Вы думаете о свойстве CSS font-weight:

p { font-weight: bold; }

Question 4

Если значение текста семантически строгое , используйте strongэлемент. Если нет, используйте семантический именованный класс (тот, который четко показывает значение элемента, не смешивайте представление и данные, вызывая его и boldт. Д.) И ссылайтесь на него в своем CSS.

HTML

<span class="important-message">I'm important!</span>

CSS

.important-message {
   font-weight: bold;
}

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

Question 5

В <Б> тег жив и здоров. <b> не является устаревшим, но его использование было уточнено и ограничено. <b> не имеет семантического значения и не передает голосового акцента, который может произнести программа чтения с экрана. Однако <b> передает напечатанные эмпази , как и тег <i>. Оба они занимают особое место в типографии, но не в устном общении, mes frères .

Цитата из http://www.whatwg.org/

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

Question 6

Вы можете сделать текст или слова Boldс помощью<b>Text</b> тега.

Вы также можете использовать <strong>Text</strong> тег

Головные метки <h1>, <h2>,<h3> , ... являются по умолчанию выделены жирным шрифтом теги и сделать свой текст Жирный по умолчанию , если вы не измените свой стиль с помощью CSS

Вышеупомянутые теги были доступны в HTML, но если вы хотите изменить стиль, CSSвы можете использовать

font-weight:bold

Question 7

Его в CSS вы должны установить font-weight: bold;как стиль

Question 8

Вы можете написать код, как показано ниже.

<html>
 <head>
 <style>
 p.boldstats{
 font-weight: bold
  }
  </style>
 </head>

  <body>
  <p class="boldstats"> The bold finder </p>
  </body>
</html>

Question 9

Вы можете использовать атрибут font-weight на своем

Например:

<p>This is my paragraph</p>

Вы можете встроить свой CSS, как показано ниже:

<p style="font-weight:bold;">This is my paragraph</p>

Или добавьте его в свою внешнюю таблицу стилей CSS, как показано ниже:

p{
  font-weight:bold;
}

Question 10

Все это исторически и восходит к временам, когда динозавры ходили по земле, а CSS не существовало.

А если серьезно, забудьте о <b/>теге и используйте его font-weight:boldв правиле CSS :)

Question 11

`<b>` последнее средство

Можно использовать <b>, но только в крайнем случае . Существует множество элементов, которые работают как хорошие альтернативы <b>, вот они в порядке их наибольшей полезности:

Более полезные альтернативы

Для важного текста: <strong>
Для подчеркнутого текста: <em>
Для заголовков, не только для заголовков страниц, но и для заголовков параграфов и прочего: <h1> through <h6>

Практичный край для использования `<b>`

Единственный случай, когда я рекомендую использовать, <b>- это если

у вас <strong>другой стиль, который вы не хотите отображать для текста, который вы имеете в виду,
вам не нужно выделять курсивом или заголовок, и
вы собираетесь использовать встроенный диапазон или диапазон с классом только для выделения текста жирным шрифтом . (Например: <span class='bold'>)

Тогда разумно использовать <b>вместо этого, потому что в этом случае он, вероятно, будет чище / короче и более семантичным, чем несемантический диапазон, а краткость / читаемость - хорошая причина для выбора, поскольку b был переопределен для использования в качестве элемента обозначает печатный ударение .

Question 12

ты также мог бы сделать <p style="font-weight:bold;"> bold text here </p>

Question 13

    #bold{
      font-weight: bold;
    }
    #custom{
      font-weight: 200;
    }

<body>
  <p id="bold"> here is a bold text using css </p>
  <p id="custom"> here is a custom bold text using css </p>
</body>

Развернуть фрагмент

Я надеюсь это сработало

Question 14

Может быть, вы хотите использовать классы CSS?

p.bold { font-weight:bold; }

Таким образом, вы все еще можете использовать его <p>как обычно.

<p>This is normal text</p>
<p class="bold">This is bold text</p>

Дает тебе:

Это нормальный текст.

Это жирный текст.

Question 15

Я знаю, что это очень старая ветка. - но для полноты:

я использую <span class="bold">my text</span>

пока я загружаю четыре стиля шрифта: нормальный; смелый; курсивом и жирным курсивом на моем веб-сайте через css.

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

То же самое, конечно, применимо к курсиву и полужирному начертанию, что дает мне дополнительную гибкость.

Question 16

То, что вы используете вместо bэлемента, зависит от семантики содержимого этого элемента.

Элементы bи strongсосуществуют уже давно. В HTML 4.01 , который был заменен HTML5, strongпредназначалось использовать для «сильного выделения», то есть более сильного выделения, чем emэлемент (который просто указывал на выделение). В HTML 5.2 , strong«представляет собой сильную важность, серьезность или срочность за его содержание»; аспекты «серьезности» и «срочности» являются новыми в спецификации по сравнению с HTML 4.01. Поэтому, если раньше вы bпредставляли контент, который был важным, серьезным или срочным, рекомендуется использовать strongвместо него. При желании вы можете различать эти разные семантики, добавляя значимые атрибуты класса, например<strong class="urgent">...</strong> и<strong class="warning">...</strong>и используйте соответствующие селекторы CSS, чтобы стилизовать эти типы «выделения» по-разному, например, используя разные цвета и размеры шрифта (например, в вашем файле CSS:. strong.warning { color: red; background-color: transparent; border: 2px solid red; }).
Другой альтернативой bявляется emэлемент , который в HTML 5.2 «представляет ударение в своем содержимом». Обратите внимание, что этот элемент обычно выделяется курсивом (и поэтому часто рекомендуется в качестве замены iэлемента).
Я бы устоял перед соблазном последовать советам из некоторых других ответов, чтобы написать что-то вроде <strong class="bold">...</strong>. Во-первых, атрибут class ничего не значит в невизуальных контекстах (прослушивание книги ePub, преобразование текста в речь в целом, программы чтения с экрана, шрифт Брайля); во-вторых,почему- то было выделено жирным шрифтом.
Если вы использовали bдля целых абзацев или заголовков (в отличие от более коротких отрезков текста, что использовалось в предыдущем пункте маркера), я бы заменил его соответствующими classатрибутами или, если применимо, ролями WAI-ARIA, например, alertдля живого регион «с важной и обычно срочной информацией». Как упоминалось выше, вы должны использовать «семантические» classзначения атрибутов, чтобы люди, обслуживающие код (включая ваше будущее), могли понять, почему что-то было выделено жирным шрифтом.
Не все варианты использования bмогут представлять что-то семантическое. Например, когда вы конвертируете печатные документы в HTML, текст может быть выделен жирным шрифтом по причинам, не имеющим ничего общего с акцентом или важностью, а как наглядное руководство. Например, заглавные слова в словарях не более «серьезные», «срочные», чем другое содержимое, поэтому вы можете сохранить bэлемент и при желании добавить значимый атрибут класса, например, <b class="headword">или заменить тег <span class="headword">на на основе аргумента, bимеющего нет смысла в невизуальных контекстах.

В вашем файле CSS (вместо использования styleатрибутов, как рекомендовано в некоторых других ответах) у вас есть несколько вариантов стилизации «жирного» или важного текста:

указание разных цветов (передний план и / или фон);
указание разных начертаний шрифта;
указание границ (см. пример выше);
с использованием различных весов шрифтов , используя font-weightсвойство , которое позволяет больше значения , чем просто normalи bold, в частности normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900,
и т.п.

Обратите внимание, что поддержка числовых значений веса шрифта не всегда была хорошей.

Question 17

Приведенный ниже код также выделит его жирным шрифтом.

<strong> text here </strong>

Question 18

<p style="font-weight:bold;"></p>

Question 19

Вы можете использовать следующее:

<p id="p1">Some Text here </p>
#p1{
   font-weight: bold;
}

ИЛИ ЖЕ

<Strong><p>Some text here </p></strong>

ИЛИ ЖЕ

Вы можете использовать <h1> tagчто-то похожее на жирный

Question 20

В настоящее время люди склонны использовать конструкторы веб-сайтов (CMS, такие как Wordpress) вместо того, чтобы писать собственный блог с нуля. Даже профессиональные веб-разработчики делают это, потому что это быстрее.

Было бы неплохо, если бы вы могли упомянуть преимущества и вещи, о которых следует помнить при написании кода для собственного блога в реальной жизни, например:

Больше гибкости (настройка)
Оплатить доменное имя
Оплатите и выберите веб-хостинг
Безопасность и обслуживание
Авторское право и лицензия на шаблоны и графику некоторых разработчиков веб-сайтов. Ваш веб-сайт может быть привязан к определенному веб-хосту, если вы использовали его конструктор. Таким образом, вы не можете перейти на другой веб-хостинг, потому что в противном случае вы больше не сможете использовать этот шаблон.
Возникли проблемы при обращении в службу технической поддержки конструктора веб-сайтов, когда веб-сайт выходит из строя.
Некоторые шаблоны не подходят для поисковых систем, и это влияет на рейтинг вашего сайта (SEO).

В любом случае, вы можете использовать css / css3 или JavaScript для создания интерактивной веб-страницы. Даже вы можете загрузить свой всевозможный код на сервер, форматирующий тему блога по умолчанию.

Question 21

Ответ @Darryl Hein верен, несмотря на одно - <b>не рекомендуется вообще с XHTML, потому что он не семантический .

<strong> означает семантически выделенный текст

font-weight: bold означает визуально выделенный текст

<strong>можно настроить css, чтобы он не выделялся жирным шрифтом, хотя это обычное значение по умолчанию. Его можно сделать красным, курсивом или подчеркнутым (хотя все эти возможности не очень удобны для пользователя). Используйте его для фраз / слов в тексте, не из-за визуального оформления, а в связи с их значением.

font-weight: bold следует использовать для выделенных жирным шрифтом частей, связанных с дизайном, таких как заголовки, подзаголовки, ячейки заголовков таблиц и т. д.

Question 22

Используйте <strong>тег, потому что он более семантический. <b>был обесценен, поэтому лучше не использовать его. Кроме того, полужирному тексту придается больший вес для поисковой оптимизации (SEO), поэтому всегда лучше использовать настоящий, <strong>а не делать <p>или <span>жирным шрифтом с помощью CSS.

Альтернатива тегу HTML Bold

HTML

CSS

<b> последнее средство

Более полезные альтернативы

Практичный край для использования <b>

`<b>` последнее средство

Практичный край для использования `<b>`