id / class の命名規則

Package の内容: module.html; import.css; reset.css; font.css; base_layout.css; skin.css; jquery.js; add_event.js

コードスニペット

セレクトメニューで構造タイプを選択すると、テキストエリアにHTMLが代入されます。構造タイプの一部は構造モデルで定義されています。

構造タイプを選択:  <h3>Type [C-0]</h3> <ul class="page-nation"> <li class="prev"><a href="#">Prev</a></li> <li><a href="#">1</a></li> <li class="current"><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li class="next"><a href="#">Next</a></li> </ul>

ウェブ文書中に埋もれるデータをコンピュータ処理可能にし、「データのウェブ」を生み出すために、メタデータやRDFの基本から、マイクロフォーマット、GRDDL、RDFaといった構文、さらに記述のための語彙や利用のツールまでを取り上げて詳しく解説します。

定価 ¥ 2,940

入れ子構造になる場合は、親要素の名前+"-inner"、さらに入れ子になる場合は、親要素の名前+"-box"にする。

記述するファイル:base_layout.css

入れ子構造になる場合は、親要素の名前+"inner"、さらに入れ子になる場合は、親要素の名前+"box"にする。

記述するファイル:skin.css

テキスト	id/class名	備考
多段見出し	.hgroup	moreリンクなどfloatを使用する見出し
大見出し	#title	見出しは基本的にはh1～h6のタグのみを使用。
見出し	.heading-[alphabet]	見出しは基本的にはh1～h6のタグのみを使用。
インラインリスト	.inline-list	見た目上は文章中にあるリスト構造
コピーライト	#copy	コピーライト
要約	.description	サイトの要約ヘッダーの上にSEO対策で置くテキストなど
リード文	.lead	リード文
段落	.sentence	段落
キャプション	.caption	写真や画像を補完するテキスト
注意	.note	注意文など
日時	.date	日時
検索窓	.search	検索窓
ボタン	.button	ボタン
ログイン	.login	ログインフォームブロック