現今的瀏覽器預設樣式都是以顯示西文為主,忽略了漢字排版方式與西文的差異。加上出版者、網頁設計師和文章作者對此技術的妥協,導致中文「螢幕文章」與學校所授予文章書寫規則有愈來愈大的出入。
最近CSS reset的概念突然興起,目的是用來減少各瀏覽器對網頁排版解讀的分歧和差異。我沿用這個想法,設計了一套以漢字網頁為主的CSS reset(適用於台灣、香港繁體、大陸簡體、日文)。希望可以藉此降低正式文書與網頁格式的差異。
1. 開啟檔案「`han.min.css`」,更改「13及14行」的`.eot`與`.ttf`注音符號字體路徑。**請注意**:此處使用的注音符號字體係中華民國教育部研發的「[教育部標準楷書](http://www.edu.tw/mandr/content.aspx?site_content_sn=3591)」,並採**創用CC 「[姓名標示—禁止改作—3.0台灣版](http://creativecommons.org/licenses/by-nd/3.0/tw/)」授權**。若您有著作權的疑慮,或是沒有使用注音符號的需求,請直接刪除上述提及之二行代碼及檔案。
-
在欲套用「漢字標準格式」的網頁
<head>
元素中插入下列語法(並修改為正確的相對路徑):<link rel="stylesheet" media="all" href="./han.min.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="./han.min.js"></script>
-
留意
<html>
標籤上是否設置了正確的語言屬性lang
。此框架多數功能僅支援中文zh-*
及日語ja
。 -
在瀏覽器中開啓已套用本框架的網頁測試是否正確運作後,即可使用適用於漢字網頁的HTML格式,詳情請參考〈漢字標準格式〉。