內容群組類

段落、清單

好們論紅,手卻策下使住收否人人!大獲及是告另子維持力本清長先陽不?社相此國學風中麼很解:治子上己施一見,有的是,用關快家所的字時情:品好居……朋裡義四時,校叫洲;運細種!眼失媽母身古慢管用、上開家問不難成的裝望麼年單代,操會人得?人人傳在善美故全、推兩少關心求,下看同目國往成氣;一廣機親得飛先始們於觀他使難以該因口發汽機人都領了過大廣場不食收西物早社報子們看、賣像師對好情的神?在史評,來深放表觀。還人的西路盡熱程當人長質此中民龍證說念背生外,間今經氣門此都!把相的公去底動!

頭性空風後上他根;然任他在,社拉布會言了來石賽親支……情拉術北然使來路請放數坐燈麼象成一畫專雨,是我長無等愛五化客可雜有雨。

詩篇段落

只領不致中此因和之術黑顧同後到,
血媽人山歷操發一我利終心沒文了事問藝來
生能唱起語在,樹來課他——
小中觀給告北戲樹意,人消歌受,生會影……
動他腦它利離府頭始也

地址格式

王小明 啓
台灣 新北市板橋路十九段555號
20245

有序清單

  1. 一級清單項目
  2. 一級清單項目
    1. 二級清單項目
    2. 二級清單項目
      1. 三級清單項目
      2. 三級清單項目
  3. 一級清單項目
  4. 一級清單項目

無序清單

引用區塊

如事時決行入同是我表統支樂了先年、人目也月老過人,斷弟進石給了,服去孩沒性就能。邊年排不決廣之例。長收滿導無!

——姜慶《石人碼頭》

未使用段落元素的引用區塊

時來數期沒道反先美別所金企感企媽失對談。
——新器急

引用區塊中的引用區塊

洲此境眼……方空車形、四用廠出先作,管濟所唱步取的成正候社取開取高,理景龍知子起配做心正道動。出令正或?家國前保嚴輕朋化下而府裡、基之稱失!等園華行……政生著曾,們然變不發甚故,些長小華從不代應頭資?

以滿傷都片復利反,爾麼生任常弟但岸過年在;院投工變愛世總甚?天其有爸個:後輕取,在克的山知中識高於過叫行出面不大開受個說自經公目,學們灣。合好巴地盡性士面最產張子新容得實:眼不日野一,克節上人黨到有沒,她果以的是到影的請自人長、表本究政快的且造的推色究聽場廣人形!深了叫!

圖表內的引用區塊

令會過作加身。管常雖:質灣人坐洋半以人問一文……上灣之會的面長東商實對了上修法或便紙界去定辦緊現生影都合否陸一片子處用上很。

這是圖表解說元素<figcaption>內的解說。

格式預處理文字區塊

國寫親下二好灣整機生土、是看老排讓和保藝車市。

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.

是除學圖寶濟候收。們性者位遠另象內未院清外了以共……
長明期事生合了中文新等麼科出過能意等件教求加,
樓日里大下果個來。

球者們?方綠電後,果或錯老際聲可特少保期全動帶東北建,似保助先走她合也的。神我興治的保保學果車易麼連學水小西一!而視可些化。

代碼區塊

void (function(a,b){var c=b.documentElement,d,e;function D(a,d) {d=a*d/100+b.getElementById("main").textContent;return d;}return new D(20,5);})(window||this,window.document);

章節類

文章區塊元素

文章區塊內的段落、清單

務用界種設是自水教臺保再計見所灣們民各、外超是人外每方後發他濟中;義生了出這失究式回值氣苦我花聲位香還場、外國的醫門!

詩篇段落

清單

文章區塊內的重點

不做則中心與的說很筆分士:校此訴平是裡春家善客總外公;做南多中。足酒臉理特指第常三緊資現工們家化民,公政我熱良,中以家是。

文章區塊內的圖表引用區塊

令會過作加身。管常雖:質灣人坐洋半以人問一文……上灣之會的面長東商實對了上修法或便紙界去定辦緊現生影都合否陸一片子處用上很。

這是文章內圖表解說元素<figcaption>的解說。

文章區塊內的變音文字

來化相據取愛統單商商半是否,的媽沒種試此助來精人是灣,價種下落有,機信際,作假灣,心行程官這是運價車年都人強國農:特行解金產拉口……

文章內的引用區塊

火說定好就用樹,表母微時藝出北親雙表人事為放爸車奇列長農時教產得地何高的舉度們她李力內體古見業選一香音種。

務用界種設是自水教臺保再計見所灣們民各、外超是人外每方後發他濟中;義生了出這失究式回值氣苦我花聲位香還場、外國的醫門!

文章內引用區塊中的引用區塊

洲此境眼……方空車形、四用廠出先作,管濟所唱步取的成正候社取開取高,理景龍知子起配做心正道動。出令正或?家國前保嚴輕朋化下而府裡、基之稱失!等園華行……政生著曾,們然變不發甚故,些長小華從不代應頭資?

以滿傷都片復利反,爾麼生任常弟但岸過年在;院投工變愛世總甚?天其有爸個:後輕取,在克的山知中識高於過叫行出面不大開受個說自經公目,學們灣。合好巴地盡性士面最產張子新容得實:眼不日野一,克節上人黨到有沒,她果以的是到影的請自人長、表本究政快的且造的推色究聽場廣人形!深了叫!

文章引用區塊內的重點

不做則中心與的說很筆分士:校此訴平是裡春家善客總外公;做南多中。足酒臉理特指第常三緊資現工們家化民,公政我熱良,中以家是。

文章引用區塊內的變音文字

來化相據取愛統單商商半是否,的媽沒種試此助來精人是灣,價種下落有,機信際,作假灣,心行程官這是運價車年都人強國農:特行解金產拉口……

字級語意類

超連結元素a示例
註記元素u示例
註記元素甲註記元素乙一般文字節點註記元素丙一般文字節點註記元素丁
來源元素cite示例
重點元素strong示例
術語元素dfn示例
關鍵字元素b示例
強調元素em示例
變音文字元素i示例
變數元素var示例
引用元素q及子引用q元素示例示例
訛訊元素s示例
訛訊元素甲訛訊元素乙一般文字節點訛訊元素丙一般文字節點訛訊元素丁
代碼元素code示例
輸入鍵元素kbd示例
計算機輸出示例元素samp示例
行間注元素ruby annotation示例
複合式行間注元素hángjiānzhùyuansuruby annotation
直角hángjiānzhùyuánsùㄏㄤˊㄐㄧㄢㄓㄨˋㄩㄢˊㄙㄨˋ

其他

縮寫元素abbr包含標題屬性的縮寫元素abbr示例
凸顯元素mark示例
批注元素small示例
文字範圍元素span示例
下標元素sub示例
上標元素sup示例

修訂類

增訂元素ins示例
增訂元素甲增訂元素乙一般文字節點增訂元素丙一般文字節點增訂元素丁
刪訂元素del示例
刪訂元素甲刪訂元素乙一般文字節點刪訂元素丙一般文字節點刪訂元素丁

特殊排版功能

漢字西文混排間隙

然而在Jan Tschichold和他的著作Asymmetric Typography流行之前,直至追溯回Gutenberg时代,「对称」「齐整」两种古老的视觉审美习惯无处不在。左右并齐的纵栏——我也欣赏这样的传统,一如欣赏古典格律的稳定及优美。

地區變體字型及標點符號樣式

註:此處僅展示黑體,其餘字體樣式請參閱其他測試頁

字。字.字,字、字;字:字?字!
「內『內容』容」‘內“內容”容’
《書名》〈篇名〉(內容)
啊——什麼内容……丹·布朗
He — who wants to achieve the goal — denied about the fact that…
1991-1999年 他/她

台灣教育部式

字。字.字,字、字;字:字?字!
「內『內容』容」‘內“內容”容’
《書名》〈篇名〉(內容)
啊——什麼内容……丹·布朗
He — who wants to achieve the goal — denied about the fact that…
1991-1999年 他/她

中國國標式

字。字.字,字、字;字:字?字!
「内『内容』容」‘内“内容”容’
《书名》〈篇名〉(内容)
啊——什么内容……丹·布朗
He — who wants to achieve the goal — denied about the fact that…
1991-1999年 他/她

ji̍p-siannㆢㄧㆴ͘ㄒㄧㆩ

aeioua̍e̍i̍o̍u̍
ㆴㆵㆶㆷㆴ͘ㆵ͘ㆶ͘ㆷ͘