27.02.2017   2340
Как сделать жирный шрифт в HTML

Выделяем важное жирным шрифтом

Прежде чем начнём урок, акцентируйте Ваше внимание на том, что в данном уровне мы говорим о логической разметке текста. Соответственно, изучаем смысл элементов страницы, их назначения, а не визуальное расположение.

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

Для начала, расскажу вам о тегах, связанных с вопросом важности.

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

Если посмотреть на работу тегов в окне браузера – разницы видно не будет. И в первом, и во втором случае текст выделяется жирным.

Давайте применим тег <strong> на практике. Заменим одну из книг на странице следующим кодом:

...
<h2>Совершенный код</h2>
<p>
    Более 10 лет первое издание этой книги считалось одним из лучших практических руководств по программированию.<br> 
    Сейчас эта книга полностью обновлена с учетом современных тенденций и технологий<br>
    и дополнена <strong>сотнями новых примеров</strong>, иллюстрирующих искусство и науку программирования.
    <br>
    Книга подойдёт для:
    <ul>
        <li>Начинающих</li>
        <li>Середнячков</li>
        <li>Опытных</li>
    </ul>
</p>
...

В браузере это выглядит так:

Если воспользоваться специальными возможностями операционной системы, в частности теми, которые позволяют запустить автоматическое чтение текста, то разницу можно услышать. Программа, читая текст, будет делать особый акцент на словах с тегом <strong>, выделяя их интонацией. Аналогично можно сказать о тегах <em> и <i>. Из этих двух программа будет выделять интонацией тег <em>. Об этих тегах мы поговорим в следующем уроке.

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

Домашнее задание
Для просмотра нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности

КОММЕНТАРИИ

 shevchenko 2017-05-26 14:21:25
0

О как, не знала про отличия b от strong. Мне про них знакомые объясняли, но сказали, что разницы нет.

Ответить
Чтобы написать комментарий нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности