Git Product home page Git Product logo

han's Introduction

漢字標準格式


前言

現今的瀏覽器預設樣式都是以顯示西文為主,忽略了漢字排版方式與西文的差異。加上出版者、網頁設計師和文章作者對此技術的妥協,導致中文「螢幕文章」與學校所授予文章書寫規則有愈來愈大的出入。

最近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/)」授權**。若您有著作權的疑慮,或是沒有使用注音符號的需求,請直接刪除上述提及之二行代碼及檔案。
  1. 在欲套用「漢字標準格式」的網頁<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>
    
  2. 留意<html>標籤上是否設置了正確的語言屬性lang。此框架多數功能僅支援中文zh-*及日語ja

  3. 在瀏覽器中開啓已套用本框架的網頁測試是否正確運作後,即可使用適用於漢字網頁的HTML格式,詳情請參考〈漢字標準格式〉。

han's People

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.