漢字標準格式(組版標準フォーマット)は、「セマンティック要素のスタイルの標準化」「タイポグラフィ」「ハイレベルな組版」を実現するためのSass/StylusとJavaScriptのフレームワークです。美しい見た目と標準化された環境を、漢字文化圏のウェブサイトへ提供するために設計されました。伝統的な読書環境をスクリーン上での事実上の標準仕様とすることで、漢字文化圏のウェブデザインの組版需要に当面の解決策となります。
漢字標準格式は、中国語繁体字、中国語簡体字および日本語をサポートします。
[表示例のテストページ(中国語)→] (http://ethantw.github.io/Han/latest/)
npm install --save han-cssbower install --save Hangem install 'hanzi-rails'(詳細はこちら)漢字標準格式には、カスタマイズ可能な機能が多くあります。設定を変更したりモジュールをインポートすることで、プロジェクトに独自のスタイルシートを容易に組み込めます。詳細は取扱説明書(中国語)をお読みください。
カスタマイズが不要な場合、デフォルトのスタイルシート、JavaScriptおよびWebフォントがコンパイルされたものをCDNで使うことで、高速なダウンロードやキャッシュの利用ができます。このサービスはcdnjs.comが提供します。
<link rel="stylesheet" media="all" href="https://github.com/ethantw/Han/raw/v3.3.0/cdnjs.cloudflare.com/ajax/libs/Han/3.3.0/han.min.css">
JavaScript
<script src="https://github.com/ethantw/Han/raw/v3.3.0/cdnjs.cloudflare.com/ajax/libs/Han/3.3.0/han.min.js"></script>
Webフォント
//cdnjs.cloudflare.com/ajax/libs/Han/3.3.0/font/han.woff//cdnjs.cloudflare.com/ajax/libs/Han/3.3.0/font/han.otfhan.min.css(もしくは漢字標準格式のSass/Stylus)を組み込んでください。han.min.jsを組み込んでください。DOM-readyのレンダリングを有効にするには、<html>タグのclassに、han-initを追加します。漢字標準格式は、低相互依存、高セマンティックです。スタイルシートとJavaScriptはほとんど依存し合いません。様々なレベルでスタイルシートのフォールバックができるので、JavaScriptの使用の可否を、必要に応じて選択できます。
多くのCSSフレームワークとは異なり、漢字標準格式は大量のスタイルを持っており、言語属性(:lang)によって意図するスタイルを適用させます。そのため、スタイルの上書きは予期しない結果を引き起こす可能性があります。
html(font-familyのみ)このような状況を適切に対処するために、スタイルの継承のルールを十分ご確認ください。親要素または他のセレクタに適切な言語属性を追加することをおすすめします。!important宣言の過度の使用を避けることができ、保守性が向上します。
必要な場合は、ブラウザでDOMインスペクタを使うことにより、スタイルシートの継承や上書きの関係が分かります。
han.jsはDOM環境でのみ動作します。必要な場合は、サーバにjsdom等のライブラリを導入してください。
sudo npm install -g livescript)以下はプログラムの開発に有用なコマンドの一覧です。
sudo npm installnpm startかgulp dev(ローカルサーバの実行と自動コンパイルを含む)gulp buildhan.jsのAPIをテストする:gulp test(PhantomJS)sudo npm update && gulp dep漢字標準格式 v3.3.0
Last-modified: 2016-3-19 00:11 (UTC+8)
Translator: 神場雅史 (Jimba Masafumi, @westantenna)