Тег strong в HTML
Опубликованно 09.10.2018 10:45
Тег strong є одним з основних інструментів структурування тексту у мові HTML. У цій статті ми розберемо, як правильно використовувати цей тег для отримання акуратною і читабельною розмітки тексту веб-сторінки. Також розглянемо різницю між тегами форматування та структурування тексту.
Жирний текст за допомогою <strong>
Тег html <strong> використовується для того, щоб зробити текст жирним (bold). Він є парним, відповідно, вимагає другого закриваючого тега.
Синтаксис при вживанні буде виглядати таким чином:
<strong>Цей текст буде відображатися жирним шрифтом</strong>
Нічого складного у використанні цього тега немає, у нього відсутні атрибути, вживається тільки самостійно. Проте є деякі нюанси, які виділяють його серед тегів, дають візуально аналогічний ефект. Теги <b> і <strong> — в чому відмінності?
Спробуйте відкрити будь-який текстовий редактор і набрати в нього наступний код:
<strong>Приклад тексту 1</strong> <b>Приклад тексту 2</b>
Збережіть файл із розширенням .html і відкрийте в будь-якому браузері. Ви побачите, що результат вийшов зовсім однаковий. Виникає питання: у яких випадках вживають один тег, а в яких — інший, і чи є різниця?
Різниця дійсно існує. Тег <b> відповідає тільки за візуальне форматування тексту, тобто показує, як вибране буде виглядати в браузері. І, відповідно, самим браузером він сприймається тільки візуально, не несучи ніякої додаткової смислового навантаження.
А ось тег html <strong> володіє більш широким функціоналом. Це інструмент структурування тексту.
Крім візуального ефекту, він дозволяє пошуковим системам ранжувати відформатований текст більш високо, тому для оптимізації роботи веб-сайту рекомендується використовувати саме цей тег.
Також цей тег сприймається системами Text-to-Speech, що важливо для більш коректного інтонування.
При верстці сайту рекомендується використовувати саме тег html <strong> (і відповідний курсиву тег <em>), якщо потрібно виділити невеликі фрагменти тексту, або використовувати кошти CSS форматування великих блоків. Автор: Ольга Чекмарьова 30 Вересня 2018
Категория: Техника