Правильное форматирование текста на сайте повышает эффективность передачи информации, делает контент более привлекательным и понятным для посетителей, влияет на общий визуальный облик и функциональность сайта.
В таблице приведены чаще всего используемые стили форматирования текста и код для их реализации. Форматированию областей кода посвящен следующий раздел.
Стиль | Назначение | Пример использования |
---|---|---|
Жирный шрифт | Выделение важных слов, фраз, терминов, названий элементов интерфейса. |
В поле Идентификатор введите краткое название латинскими буквами.
Code
Copy code
Code copied!
<b>Жирный шрифт</b> |
Курсив и подчёркивание | Названия программных продуктов и платформ; имена методов, событий, классов, пространств имён в D7, не описанных в API. |
После изучения теоретического курса будет полезным выполнить практические задания по работе с "1С-Битрикс: Управление сайтом".
Code
Copy code
Code copied!
<i>Курсив</i> <u>Подчеркивание</u> |
Серый фон
|
Выделение путей в рамках файловой системы, атрибутов, HTML-тегов, параметров функций, переменных, значений полей и короткого кода. |
В короткой ссылке рекомендуется использовать знак тильда: ~ .Относительный /bitrix/modules/index.php или абсолютный c:\Users\All Users\Bitrix\ путь к какому-либо ресурсу.
Code
Copy code
Code copied!
<code>Серый фон</code> |
Абзац |
Структурирование контента на страницах, разделение текста на логические блоки. |
В HTML абзац (тег Этот тег создает отступы сверху и снизу от текста, что делает его более читаемым и организованным, облегчает восприятие информации.
Code
Copy code
Code copied!
<p>Абзац</p> |
Желтый курсив | Подсветка путей в продукте так же, как они оформлены в административном разделе системы. |
Создание опроса начинается со страницы Группы опросов (Сервисы > Опросы > Дополнительно > Группы опросов).
Code
Copy code
Code copied!
<span class="path">Синий курсив</span> |
Синий шрифт | Подсветка URL-адреса без создания ссылки (псевдо-URL). |
Пример адреса страницы с контактами: https://mysite.com/contacts/.
Code
Copy code
Code copied!
<span class="link">Синий шрифт</span> |
Количество показов: 148
Дата изменения: 24.08.2023 08:45:22