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.

Loading...