css — Как сделать текст жирным в HTML?
Кто-нибудь может сказать мне, что я делаю не так?»
«полужирный» никогда не был элементом HTML («b» является ближайшим соответствием).
HTML должен содержать структурированный контент; CSS издателя должен предлагать стили для этого контента. Таким образом, пользовательские агенты могут предоставлять структурированный контент с полезным стилем и элементами управления навигацией для пользователей, которые не могут видеть предложенный вами жирный стиль (например, пользователи поисковых систем, полностью слепые пользователи, использующие программы для чтения с экрана, слабовидящие пользователи, использующие свои собственные цвета и шрифты, компьютерные пользователи, использующие текстовые браузеры, пользователи голосовых браузеров, таких как Opera для Windows). Таким образом, правильный способ сделать текст жирным зависит от почему вы хотите выделить жирным шрифтом. Например:
Хотите отличить заголовки от остального текста? Используйте элементы заголовков (от «h2» до «h6») и предложите жирный шрифт для них в вашем CSS («h2, h3, h4, h5, h5, h6 {начертание шрифта: полужирный;}».
Хотите выделить метки для полей формы? Используйте элемент «label», программно свяжите его с соответствующим элементом «select», «input» или «textarea», присвоив ему атрибут «for», соответствующий атрибуту «id» на цели, и предложите жирный стиль для это в вашем CSS («метка {font-weight: жирный шрифт;»}).
Хотите выделить заголовок для группы связанных полей в форме, например для группы выбора радио? Окружите их элементом «fieldset», дайте ему элемент «legend» и предложите жирный стиль для него в вашем CSS («legend {font-weight: bold;}»).
Хотите отличить заголовок таблицы от названия таблицы? Используйте элемент «caption» и предложите жирный стиль для него в вашем CSS («caption {font-weight: bold;}»).
Хотите отличать заголовки таблиц от ячеек данных таблицы? Используйте элемент «th» и предложите жирный стиль для него в вашем CSS («th {font-weight: bold;}»).
Хотите отличить название упомянутого фильма или альбома от окружающего текста? Используйте элемент «цитировать» с классом («цитировать») и предложите жирный стиль для него в вашем CSS («».
Хотите отличить определенное ключевое слово от окружающего текста, определяющего или поясняющего его? Используйте элемент «dfn» и предложите жирный стиль для него в вашем CSS («dfn {font-weight: bold;}»).
Хотите отличить компьютерный код от окружающего текста? Используйте элемент «код» и предложите жирный стиль для него в вашем CSS («код {font-weight: полужирный;}»).
Хотите отличить имя переменной от окружающего текста? Используйте элемент «var» и предложите жирный стиль для него в вашем CSS («var {font-weight: bold;}»).
Хотите указать, что некоторый текст был добавлен в качестве обновления? Используйте элемент «ins» и предложите жирный стиль для него в вашем CSS («ins {font-weight: bold;}»).
Хотите слегка подчеркнуть текст («Я люблю котят!»)? Используйте элемент «em» и предложите жирный стиль для него в вашем CSS (например, «em {font-weight: bold;}»).
Хотите сильно подчеркнуть какой-то текст, возможно, для предупреждения (« Осторожно, собака! «)? Используйте «сильный» элемент и предложите жирный стиль для него в вашем CSS (например, «сильный {font-weight: полужирный;}»).
… Вы поняли (надеюсь).
Не удается найти элемент HTML с правильной семантикой, чтобы выразить /почему/ вы хотите сделать этот конкретный текст полужирным? Оберните его в общий элемент «span», дайте ему осмысленное имя класса, которое выражает ваше обоснование выделения этого текста («Позвольте мне начать эту новостную статью с предложения, резюмирующего ее.) и предложите полужирный стиль для него в вашем CSS («».lede {font-weight: bold;»}. Прежде чем придумывать свои собственные имена классов, вы можете проверить, существует ли микроформат (microformats.org) или общее соглашение для того, что вы хочу выразить
html — Как выделить текст в теге жирным шрифтом без изменения формата оставшегося абзаца
спросил
Изменено 5 лет, 6 месяцев назад
Просмотрено 31к раз
У меня есть три раздела текста, есть собственный и мне нужно выделить всего пару слов в каждом абзаце.
Итак, мой вопрос заключается в том, как правильно выделить «CLX Exchange Accommodators, Inc.». с помощью CSS без отображения следующего текста под жирным шрифтом. Причина, по которой я спрашиваю об этом, заключается в том, что всякий раз, когда я пытаюсь выделить текст, который хочу выделить жирным шрифтом в другом теге div или p, оставшийся текст появляется под выделенным жирным шрифтом.
Вот мой html
Компания CLX Exchange Accommodators, Inc. с гордостью обслуживает инвесторов в недвижимость по всей стране с 19 лет.91.
Вот мой текущий проект на codepen, если это поможет http://codepen.io/Austin-Davis/pen/IpDLu.
- html
- css
Чтобы выделить текст в абзаце жирным шрифтом, вы можете использовать тег , или с набором стилей. Эти параметры будут выглядеть следующим образом:
Я хочу выделение слова.
Это слово выделено жирным шрифтом.
Следующее слово выделено Обратите внимание, что выбранный вами тег имеет семантическое значение. С развитием HTML5 появилось движение к тому, чтобы теги, которые вы используете, несли смысл, а не только для целей отображения. Вы можете прочитать немного о нескольких соответствующих значениях здесь.
Хотя я использовал встроенные стили в приведенном выше фрагменте кода для стилизации этого диапазона, я, вероятно, использовал бы таблицу стилей для установки стиля на реальной веб-странице. Хорошей практикой является разделение HTML-разметки и стиля.
И последнее: причина, по которой ваш текст помещается в тег p или div, перемещается на следующую строку, заключается в том, что для этих элементов по умолчанию установлено значение display: block; . Если вы хотите использовать один из этих тегов (чего не следует делать по семантическим причинам), вы можете установить для них значение display: inline; Дисплей или : встроенный блок; .
1
Этого можно добиться с помощью тега STRONG, но я предпочитаю сохранять гибкость с помощью SPAN. Вы можете установить стиль для SPAN (или, если уж на то пошло, STRONG) в CSS.
<стиль>
#content p.copy span {начертание шрифта: полужирный;}
<дел>
CLX Exchange Accommodators, Inc. с гордостью обслуживает инвесторов в недвижимость по всей стране с 1991 года.
