unshiu

 
このサイトを検索

最近の更新履歴
開発ルール‎ > ‎

HTML制作ルール

HTML製作のルールについてまとめます。unshiuの標準のデザイン等はこのルールに沿って作成されます。案件のデザインを作成する際もこのルールに沿ってデザインをお願いすることでスムーズなデザインの適用作業ができます。

目次

  1. 1 文字コード
  2. 2 DOCTYPE
    1. 2.1 PC
    2. 2.2 Mobile
  3. 3 構成
  4. 4 レイアウトについて
  5. 5 携帯デザインの注意点
  6. 6 id, class名ルール

文字コード

PC、mobile共に UTF-8

DOCTYPE

PC

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Mobile

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">

構成

Rails標準である以下の構成で各ファイルを配置してください。各種ファイルはunshiu自体のデフォルトのデータとバッティングしないようにそれぞれ案件独自のディレクトリ名をつけ、その下に格納してください。

ROOT/
  /javascripts
          /案件独自ディレクトリ名
  /stylesheets
         /案件独自ディレクトリ名
  /images
         /案件独自ディレクトリ名

レイアウトについて

PC画面のレイアウトは blueprint というCSSフレームワークに準じています。

携帯デザインの注意点

id, class名ルール

「_」か「-」区切りですべて小文字で指定してください。