Komponen teks kaya
Last updated on 11/6/2024@mrbirddev
Menyisipkan
Anda dapat menyisipkan Teks dari tombol kiri atas Tambahkan slide.
Atau Anda dapat menggunakan ikon plus di bagian atas/bawah komponen yang dipilih untuk menambahkannya di Slide / Kontainer / tingkat inline.
Struktur DOM
Komponen Teks tersusun seperti ini dalam struktur HTML DOM.
<div>
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<p>...</p>
</div>
Jadi Anda perlu menargetkan anak langsung dari node akar saat mengatur gaya.
Mengatur margin vertikal blok
&>*.margin: 20px 0
Mengatur tinggi garis blok
&>*.lineHeight: 1.4
Mengatur gaya hanya untuk judul
Contoh ini menggunakan h1
. Anda juga dapat menentukan h2
, h3
, p
...
&>h1.fontSize: 3em;
Pertimbangan SEO
Selain memiliki beberapa gaya default di browser, judul (h1
/ h2
...) berfungsi sebagai indikator semantik untuk mesin pencari. Mesin pencari akan memparsing judul Anda untuk memahami tentang apa halaman web Anda. Anda dapat mencari seo headings untuk mempelajari lebih lanjut.