什麼是簡介?
簡介是創作內容中最核心的展示區域,也是使用者預覽詳情時第一眼看到的內容。一份好的簡介,不只是文字介紹,更是整個創作內容的門面與邀請函。
透過豐富的圖片、海報、精心設計的排版等方式,你可以讓簡介呈現出獨特的視覺風格,瞬間抓住使用者的注意力,激發他們深入探索的慾望。內容越有層次、越有吸引力,越能幫助使用者快速理解創作的主題與氛圍,並自然地沉浸其中。
支援 HTML 富文字
簡介僅支援以下 HTML 標籤,未列出的標籤(如 <script>、<iframe>、<a> 等)均不支援且會被過濾:
- 標題層級(
<h1>~<h6>) - 段落與換行(
<p>、<br>) - 區塊容器(
<div>、<span>) - 清單(
<ul>、<ol>、<li>) - 強調(
<b>、<i>、<em>、<strong>、<u>、<sub>、<sup>) - 引用區塊(
<blockquote>) - 分隔線(
<hr>) - 表格(
<table>、<tr>、<td>、<th>) - 定義描述(
<dd>) - 圖文容器(
<figure>)
支援外部連結圖片
透過 <img> 標籤引用外部圖片連結,可以在簡介中插入封面圖、場景圖、氛圍圖等,讓頁面更加豐富直觀。
html
<img src="https://your-image-url.com/cover.png" />樣式支援
簡介僅支援以下內聯 style 屬性,未列出的屬性(如 flex、position、transform 等)以及 <style> 標籤、CSS class 均不支援:
- 文字:
color、font-size、font-weight、font-style、font-family、text-align、text-decoration、line-height、letter-spacing、word-spacing - 盒模型:
margin(及各方向)、padding(及各方向)、width、height、max-width、max-height - 背景與邊框:
background-color、background(僅顏色)、border(及各方向)、border-radius - 其他:
display(block / inline / none)、vertical-align