Компонент форматированного текста
Last updated on 11/6/2024@mrbirddev
Вставка
Вы можете вставить Текст из верхней левой кнопки Добавить слайд.
Или вы можете использовать значок плюса вверху/внизу выбранного компонента, чтобы добавить его на уровне Слайд / Контейнер / inline.
Структура DOM
Компонент Текст составлен следующим образом в структуре HTML DOM.
<div>
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<p>...</p>
</div>
Поэтому вам нужно нацелиться на дочерние элементы корневого узла при установке стилей.
Установка вертикального отступа блока
&>*.margin: 20px 0
Установка высоты строки блока
&>*.lineHeight: 1.4
Установка стилей только для заголовков
В примере используется h1
. Вы также можете указать h2
, h3
, p
...
&>h1.fontSize: 3em;
Учет SEO
Помимо наличия некоторых стандартных стилей в браузере, заголовки (h1
/ h2
...) служат семантическими индикаторами для поисковых систем. Поисковые системы будут анализировать ваши заголовки, чтобы понять, о чем ваша веб-страница. Вы можете поискать seo headings, чтобы узнать больше.