han-css

Version:

The CSS typography framework optimised for Hanzi

20 lines (18 loc) • 3.25 kB

HTML

<!DOCTYPE html><html lang="zh-Hant" class="han-init"><head><meta charset="utf-8"><title>測試頁索引 — 漢字標準格式</title><link rel="stylesheet" href="./han.min.css"><style>html { overflow-x: hidden; } article { /* position */ margin: 0 auto; /* box */ max-width: 35em; padding: 0 .5em 15em; }</style><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="印刷品般的漢字網頁排版框架"><meta name="keywords" content="漢字標準格式, 中文, 排版, 排版規範, 日文, 字體排印, 文字設計, CLReq, CSS, Sass, typography"></head><body class="test"><article><h1>測試頁索引</h1><ul id="test-pages"><li><a href="api.html">JavaScript APIs</a></li><li><a href="test.html"> 測試頁（標準，繁體中文）</a></li><li><a href="test-hans.html" lang="zh-Hans"> 测试页（标准，简体中文）</a></li><li><a href="test-ja.html" lang="ja"> 測試頁（標準，日本語）</a></li><li><a href="test-amd.html">測試頁（AMD模組）</a></li><li><a href="test-commonjs.html">測試頁（CommonJS模組，browserify）</a></li><li><a href="test-nojs.html">測試頁（無JavaScript）</a></li></ul><section id="normalisation"><h2><span lang='en'>Normalisation</span>（樣式標準化）</h2><section id="wuxu_peihe_js_de_yuansu_yangshi_xiuzheng"><h3>毋須配合JavaScript的元素樣式修正</h3><p>見<a href="#test-pages">上列測試頁</a>。</p></section><section id="peihe_js_de_yuansu_yangshi_xiuzheng"><h3>配合JavaScript的元素樣式修正</h3><ul><li><a href="./deco-line.html">文字裝飾線元素</a></li><li><a href="./em.html">強調元素（着重號）</a></li><li><a href="./ruby.html">行間注元素</a></li></ul></section></section><section id="ziti"><h2>字體</h2><section id="hanzi"><h3>漢字字體</h3><ul><li><a href="./biaodian.html">標點符號</a></li><li><a href="./four.html">四大字體集</a></li><li><a href="generics.html">字體基型（<span lang="en">typeface generics</span>）與<code>@extend</code></a></li></ul></section><section id="qita"><h3>其他</h3><ul><li><a href="./italic.html">西文意大利體</a></li><li><a href="./numeral.html">數字</a></li><li><a href="./ruby(ff).html">標音（注音符號、羅馬拼音）</a></li></ul></section></section><section id="paiban"><h2>排版</h2><section id="zhangjie_de_zucheng"><h3>章節的組成</h3><ul><li><a href="./well-knit.html">文章、章節與內容的邊界調整</a></li><li><a href="./counter.html">章節與目錄的計數</a></li></ul></section><section id="hang_de_zucheng"><h3>行的組成</h3><ul><li><a href="./hws.html">漢字－西文混排間隙</a></li><li><a href="./jiya.html">標點擠壓</a></li><li><a href="./hanging.html">行尾點號懸掛</a></li><li><a href="./subst.html">字元的替換</a></li></ul></section></section></article><script src="./han.min.js"></script></body></html>