Сегодня мы рассмотри 7 HTML тегов, которые упростят вам процесс веб-разработки.
1️⃣ <wbr>
Тег <wbr> (Возможность разрыва слова) указывает, где в тексте можно было бы добавить разрыв строки.
Данный тег предоставляет возможность указать браузеру, что при необходимости в этом месте можно сделать перенос строки.
2️⃣ <bdi>
Тег HTML Bidirectional Isolate (<bdi>) используется для изоляции двунаправленного текста, например текста, в котором одновременно содержатся разные языки, читающиеся слева направо и справа налево.
3️⃣ <pre>
Текст в теге <pre> сохраняет как пробелы, так и разрывы строк. Текст будет отображаться точно так, как написано в исходном коде HTML.
4️⃣ <code>
HTML тег <code> отображает свое содержимое в стиле, предназначенном для указания на то, что текст представляет собой короткий фрагмент компьютерного кода. По умолчанию, текст содержимого отображается с использованием моноширинного шрифта.
5️⃣ <sub>
HTML тег subscript (<sub>) обозначает текст, который должен отображаться в качестве индекса, исключительно по типографским причинам. Нижние индексы обычно отображаются с пониженной базовой линией, используя меньший текст.
6️⃣ <sup>
HTML тег superscript (<sup>) определяет текст, который должен отображаться в качестве надстрочного кода, исключительно по типографским причинам. Надстрочные надписи обычно отображаются с приподнятой базовой линией, используя меньший текст.
7️⃣ <progress>
HTML тег <progress> отображает индикатор, который используется для отображения прогресса выполнения задачи.
Однако, помните...
Не все теги работают во всех браузерах, а потому необходимо проверять, насколько хорошо поддерживается тот или иной тег в разных браузерах.
Проверить можно на одном из следующих порталов:
https://developer.mozilla.org/
http://htmlbook.ru/
Спасибо за внимание, надеюсь статья была для вас полезна!