Weber更新日誌

組件概述

標題組件用於頁面主標題、章節大標題、模塊標題，快速建立視覺突出的標題文字。

適用場景

1、網站首屏主標題（H1）

2、各章節大標題、模塊標題（H2 / H3）

3、產品、案例、服務區塊的醒目標題（H4 / H5 / H6）

不建議使用場景

1、長段落說明文字：優先使用【段落】組件，標題適合短句

2、次要備註小字：使用【文本】組件

3、需要多行長文案並帶富格式：使用【段落】組件

進階使用

文字漸變

① 將【文字版式】中【文字顏色】設置成【Transparent】文字透明

② 在【裝飾】中的【背景樣式】設置漸變色

③ 在【漸變色】中的【裁切範圍】選擇【Text】（注意：漸變的範圍根據文字整體寬度而定，如果文字內容較少可以將文字設置成【行內區塊】 or 將文字的上一層級容器設置成彈性伸縮，讓文字寬度根據內容自適應）

標籤設定

H1：頁面主標題，代表這整個頁面的核心主題，一個頁面只能有 1 個 H1（禁止多個 H1、只用 H1 做裝飾大字、放大量內文）

H2：頁面大子標題，可多個，必須跟在 H1 之下，不要跳層（不要 H1 之後直接 H4）

H3：屬於 H2 底下的子標題

H4：H3 的下一層，細節小標題，通常網站使用頻率偏低

H5：H4 下一層，次要輔助標題，大多在說明區、內文細節

H6：H 系列最小標題，最低層級標題，備註標題、腳註小標題，禁止用來當一般正文文字

P：一段連續正文內文，文章的基本文字單元，告訴搜尋引擎這是正文內容，螢幕閱讀器會辨認段落停頓

Div：無語義通用區塊容器，本身不代表任何內容含義