JBasic
マークアップ指針
07
イ
イーースストト株株式式会会社社
2
2001111//1100//1133
JBasic EPUB3.0 仕様に従った日本語書籍を制作するため 方法案
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
改
改版 版履 履歴 歴
項目 日付
07版作成 2011/10/13
修正
2.4.2 コード例のh1タグをh2タグに訂正 4.2 圏点の説明文。spanタグをemタグに訂正 その他誤字の修正
2011/10/17
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
2
目
目次 次
... 5
1 JBasic い ... 5
2 目的 方針... 6
3 適用範 ... 6
4 JBasic 特徴... 7
5 注意 制限... 8
出版物 構成 XHTML文書 ... 9
1 XHTML文書 要件... 9
2 XHTML文書 作成 単位... 9
2.1 JBasic語彙 ン 文書... 10
3 XHTML文書 構成... 10
XHTML文書内容 ... 12
1 概要... 12
2 標題 見出 ... 12
2.1 ン 沿 見出 ... 12
2.2 見出 ... 12
2.3 標題 fulltitle, title, subtitle ... 13
2.4 見出 体裁 指定 ... 14
3 段落 ... 15
3.1 段落 行頭 ... 15
3.2 段落 pgroup ... 15
3.3 段落間 区 記号 break-symbol ... 15
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
3.4 文 一部 空行... 16
4 行 関 ... 16
4.1 ビ ... 16
4.2 圏点 ... 17
4.3 傍線 ... 17
4.4 縦中横 ... 17
4.5 行内 外 画像 em-box, ext-char ... 18
5 注 ... 18
5.1 注 類... 18
5.2 注 参照 箇所 noteref ... 19
5.3 行内 行間 記述 注... 20
5.4 文 異 領域 配置 注... 20
5.5 巻 記述 注... 21
6 表 ... 22
6.1 表 記述位置... 22
6.2 版 ... 22
6.3 表 ... 23
7 箇条書 ... 23
7.1 HTML 利用 箇条書 ... 23
7.2 HTML 利用 い箇条書 ... 23
8 引用 ... 24
8.1 引用 ... 24
9 そ ... 24
9.1 非表示 指定 hidden... 24
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
4
ン 文書 利用方法... 25
1 概要... 25
1.1 構成部品 ... 25
1.2 ン 文書 種類... 26
1.3 前付... 26
1.4 後付... 27
付録A.JBasic語彙一覧... 28
文献目録... 30
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
は
はじ じめ めに に
書 開 中 暫定 ョン EPUB 3.0対応 ン 検
証や利用者 踏 え 改版 ゆく予定
特 版 ョニン ン ン HTML5 新要素 い
hgroup 除い 利用 控え い 今後 場 あ うEPUB
3.0 ン 実装状況や 既 EPUB2 ン
互換性 検証 利用者 要望 導入 視 入 い
HTML5 新要素 導入 場合 書 定義 大幅 変更
可能性 あ
1 JBasic に につ つい いて て
JBasic EPUB3.0 準拠 日 語出版物 作成 方式案
JBasic 構成 以
マークアップ指針
出版物 内容 論理的 タ 付 EPUB XHTML文書 記述 指針 示 書 あ
テンプ ート文書
出版物 制作者 利用 XHTML文書 雛形 ン 文書 あ
指針 基 い 仮 文章や画像 用意さ 制作者 定 箇所 内容
書 換え 独自 出版物 容易 作成 う
スタイ シート
EPUB 体裁 関 情報 記述 CSS 指針 従 記述さ
XHTML文書 タ 読 込 様々 体裁 表現 う
JBasic ン 文書 タ 供 利用者 タ
自由 タ 全く新 独自 タ 制作 構い せ
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
6
2 目 目的 的と と方 方針 針
出版物 論理的 文書構造 体裁 タ 離 文書 再利用性 高
タ 一括管理 柔軟 運用 可能
文書構造 い 日 語 出版物 EPUB 準拠 XHML文書 論理的 記
述 目指
体裁 い EPUB 主要 ン 閲覧ソ /
互換性 あ 読書体験 支障 与え い表示 目指
記 実現 JBasic EPUB 3.0やEPUB 3.0 参照 HTML5, CSS
様 い 定義さ い い 独自 タ や 定義 あ せ
EPUB 3.0やHTML5 様 定義 タ 来 定義 異 方法 利用
あ せ
書 制作 あ 想定 ン 画 ン ン ョン 表
対
対象象 画画 ンン ンン ョョンン
画 ン ン ョン
WebKit Nightly Builds r97225 (Mac OS X) r97228(Windows) Adobe Reader Mobile SDK (RMSDK) 9.3
3 適 適用 用範 範囲 囲
JBasic キ 主体 出版物 特 文庫 や新書 呼ば 形態 出版物 対
象 想定 い そ 以外 形態 出版物 利用 妨 あ
せ
雑誌や 固定さ ペ 要性 持 出版物 JBasic 対
象外
音声 ビ チ 利用 出版物 JavaScript 利用 ンタ
Copyright © 2011 EAST Co., Ltd All Rights Reserved. 出版物 JBasic 対象外
4 JBasic の の特 特徴 徴
EPUB XHTML文書 XML 記法 従 HTML5 記述 JBasic 出版
物 記述 う タ 利用 定義
出版物 構造 論理的 記述 HTML5 タ 十 い場合
あ そ JBasic HTML5 タ 特定 語彙 用い 名 指定
詳細 意味 実現 名 指定 あ 用意さ 語
彙 JBasic語彙 呼び 例えば 見出 マ タ title 名 付
出版物 標題 書名 あ 表 い
<h1 class="title">標題</h1>
JBasic語彙 収録 語彙 以 優先順序 選定 い
EPUB 3 Structural Semantics Vocabulary 定義さ い 語彙 あ ば そ 利用
記 中 適当 語彙 見 場合 Z39.86-AI 草稿 あ
Z39.86-201x Structural Semantics Vocabulary 語彙 定義さ い ば そ 利用
記 中 適当 語彙 見 場合 JBasic 独自 定義 語彙 利用
EPUB 3 Structural Semantics Vocabulary Z39.86-201x Structural Semantics
Vocabulary い 出版物 構造 論理的 記述 定義さ 語彙
JBasic語彙 EPUB 3 Z39.86-AI い 語彙 い そ 全 収録
い
JBasic 記 う 論理的 構造 記述 語彙 特定 体裁 記述
語彙 在 体裁 記述 語彙 定義 理由 論理的 構造
還元 困難 あ 特定 マ 必要 あ
う 例 以 縦中横 マ 例 挙 tcy 縦中横 意
味 語彙
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
8
成<span class="tcy">23</span>
JBasic語彙 利用 指針 以
JBasic 利用者 JBasic 定義 語彙 全 そ 一部 マ
採用 い
JBasic 利用者 JBasic 定義 語彙以外 独自 追加 コン ン
制作 い 但 JBasic 定義 語彙 重複 い う注意 必要
あ
JBasic語彙一覧 本書 付録 掲
5 注 注意 意と と制 制限 限
JBasic EPUBやEPUB 参照 標準 範囲内 コン ン 制作方法 提案
あ 新 標準 作 あ
JBasic 強制力 持 あ 利用 否 制作者 判断 委
JBasic 利用 あ 制約 あ 利用 生 具合
い い 責任 負い
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
出
出版 版物 物の の構 構成 成と と XHTML 文 文書 書
出版物 内容 記述 XHTML文書 要件 い
1 XHTML 文 文書 書の の要 要件 件
本書 扱うXHTML文書 EPUB Content Documents 3.0 定義 XHTMLコン
ン 文書 準 以 要件 満 前提
XML1.0 準 い
UTF-8 UTF-16 ンコ さ い
本書 コード例 全 文書 UTF-8 エンコードさ い し 記述し す
XML 記法 従 HTML5 記述さ
名 張子 .xhtml あ
EPUB3.0 様 定 XHTMLコン ン 文書 キ マ 対 妥当 あ
XHTML文書 適合性要件 い 詳細 EPUB Content Documents 3.0 参照 く さい
2 XHTML 文 文書 書を を作 作成 成す する る単 単位 位
出版物 内容 XHTML文書 記述 XHTML文書 出版物 内容 区
中 最大 単位 作成
こ 方針 従う場合 目次 中 最 ベ 高い 例えば 章 XHTML文書を作成す 単位 あた 想定し す
XHTML文書一 あ 300KB以内 収 目安
言う XHTML文書単独 あ XHTML文書 参
照 画像や ン 合算 必要 い
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
1
0
RMSDKをベー した ー ングシ 中 ー ングシ 搭載 量 制約 込 こ XHTML文書一つあた ファ サ 制限を設け い 存在す た す た一般的 XHTML文書ひ つあた サ 小さいほ ー ングシ 一度 込 ータ 少 く た 表示
速度 向上し す
本文 構成 一 XHTML文書 量 多く 場合 本文 中 区 一
段階小さい 単位 XHTML文書 作成
例えば 章 を単位 したXHTML文書 量 多い場合 そ XHTML文書を 節 を単位 し 割す
見出 明確 区 持 い出版物 本文 割 場合 マや場面
目や段落 目 内容的 区 い箇所 割
小 出版物 本文 明確 区 を持た い 存在す こ う 出版物 本文を複数 XHTML文 書 割す 場合 文章 扱う ーマや描写す 場面 変化す 箇所 段落間 余白 広 取 い 箇所
内容的 区 い箇所を探し 割し す
2.1 JBasic 語 語彙 彙と とテ テン ンプ プ ー ー 文 文書 書
JBasic 表紙 本 び あ 出版物 共通 代表的 区 あ わ 語彙
定義 XHTML文書 名 語彙 採用 推奨
表紙 示 JBasic語彙: cover
表紙 記述 XHTML文書 名: cover.xhtml
文書 い ン コ び ン 文書 提供
3 XHTML 文 文書 書の の構 構成 成
JBasic 用い 標準的 XHTML文書 構成 次 示
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:epub="http://www.idpf.org/2007/ops" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 言語属性
DOCTYPE 宣言
XML 宣言
XHTML の名前空間宣言
EPUB の名前空間宣言
文字コー 宣言
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
1
<link rel="stylesheet" type="text/css" href="style.css" class="vertical" title="縦組"/>
<title>出版物 標題 – 文書 見出 </title>
</head>
<body class="">
<!-- 文書 内容 記述 -->
</body>
</html> X
XMMLL宣言
文書 XML1.0 文書 あ UTF-8 ンコ さ い 示 宣言 D
DOOCCTTYYPPEE宣言
文書 HTML5 文書型 従 マ さ 示 宣言 省略可能 さ い
省略 場合 HTML5 新要素 認識 い検証 在 記述 い
X
XHHTTMMLLの名前空間宣言
html文書 名前空間 XHTML名前空間 あ 示 宣言
E
EPPUUBBの名前空間宣言
epub 接頭辞 持 要素 属性 EPUB 名前空間 属 示 宣言 言語属性
文書 使用言語 ja 日本語 あ 示 属性 一部 ン ム 表示
場合 発生 文 化 回避 指定 い
文字コー 宣言
文書 UTF-8 ンコ さ HTML文書 あ 示 宣言 ウ 表示 際
文 化 回避 指定 い
外部スタイルシー の指定
XTHML文書 利用 タ 指定 い
X
XHHTTMMLL文書のタイ ル
title要素 XHTML文書 タ 記述
本書 出版物 標題 XHTML文書 単位 区 見出 記述 推奨
外部スタイ シー の指定
XHTML 文書のタイ
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
1
2
XHTML 文 文書 書内 内容 容の のマ マー ーク クア アッ ップ プ
1 概 概要 要
章 出版物 構成す XHTML文書 内部 共通し 利用す ー アッ 指針
示し す
2 標 標題 題、 、見 見出 出し しの のマ マー ーク クア アッ ップ プ
2.1 ア アウ ウト トラ ライ イン ンに に沿 沿っ って て見 見出 出し しを をマ マー ーク クア アッ ップ プす す
見出し h1~h6 hgroupタ 利用し ー アッ し す h1~h6タ 数値 ラン
ば 数値 少 いほ 重要度 高い 示し す
個々 見出し タ 利用す 以 定義し す
h h11
出版物 標題 書 ー アッ す 使用し す
h h22
出版物 中 タイ 次い アウ ライン 高い見出し 利用し す 階層構造 持
い出版物 すべ 見出し h2 ー アッ す す
h h33~hh66
h2 見出し そ アウ ライン 深 従 h3~h6 要素 順次使用し す
2.2 見 見出 出し しの のま まと とま ま の のマ マー ーク クア アッ ップ プ
見出し サ タイ 持 い 場合 サ タイ 見出し 一段階 い
見出し し ー アッ し す そし 見出し サ タイ hgroupタ 囲 す
hgroup ー アッ 見出し 全体 一 見出し し そ
中 最 高いラン 見出し 等しいラン 持 す
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
1
以 見出し hgroup 組 合わせ アウ ライン す
<hgroup>
<h1>標題</h1>
<h2>副題</h2>
</hgroup>
…
<h2>第一章</h2>
<hgroup>
<h2>第二章</h2>
<h3>章 サ タイ </h3>
</hgroup>
<hgroup>
<h3>第一節</h3>
<h4>節 サ タイ </h4>
</hgroup>
2.3 標 標題 題の のマ マー ーク クア アッ ップ プ fulltitle, title, subtitle
出版物 標題 h1要素 ラ title 指定し す
<h1 class="ttiittllee">環礁</h1>
出版物 副題 あ 場合 h2要素 subtitle hgroup要素 fulltitle ラ 指 定し す
<hgroup class="ffuullllttiittllee">
<h1 class="title">環礁</h1>
<h2 class=" ssuubbttiittllee">―― シヤ巡島記抄――</h2>
</hgroup>
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
1
4
2.4 見 見出 出し しの の体 体裁 裁を を指 指定 定す す た ため めの のク クラ ラス ス
実際 見出し う 表示す タイ シー 定義し す 本書 見出し 文
字 大 表す3種類 ラ 定義し す
N
NOOTTEE:: 大見出し 中見出し 小見出し いう用語 アウ ライン 体裁 関係
解釈 利用 避 い す
2
2..44..11 文文字字をを大大ききくく表表示示すするる見見出出しし llaarrggee--hheeaaddiinngg
h2~h6 ー アッ し 見出し 文字大 表示す ラ large-heading
指定し す
<h2 class="llaarrggee--hheeaaddiinngg">第一章 自然的時間性<h2> 2
2..44..22 文文字字をを小小ささくく表表示示すするる見見出出しし ssmmaallll--hheeaaddiinngg
large-heading 小 表示す 見出し ラ small-heading 指定し す
<h2 class="ssmmaallll--hheeaaddiinngg">第一章 自然的時間性<h2> 2
2..44..33 中中間間のの大大ききささのの文文字字のの見見出出しし mmeeddiiuumm--hheeaaddiinngg
文字 large-heading small-heading 中間 大 表示す い ラ
medium-heading 指定し す
<h2 class="mmeeddiiuumm--hheeaaddiinngg">第一章 自然的時間性<h2>
2
2..44..44 見見出出ししののササ タタイイトトルルssuubbhheeaaddiinngg
見出し サ タイ 持 場合 サ タイ 見出し要素 subheading ラ
指定し す
<hgroup>
<h2 class="large-heading"> ン 国 話</h2>
<h3 class="ssuubbhheeaaddiinngg">信仰 樹木 国 救いし話</h3>
</hgroup>
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
1
3 段 段落 落の のマ マー ーク クア アッ ップ プ
段落 p要素 用い ー アッ し す 本書 段落 形式段落 指し す 行頭
始 文 終了し 改行 一 段落 す
3.1 段 段落 落の の行 行頭 頭字 字下 下げ げ
段落 行頭字 キ 先頭 全角 ー 入力す 方法 タイ シー 行
頭イン ン 指定す 方法 あ す JBasic 前者 方法 ー アッ す
前 し す
タイ シー 行頭イン ン 指定す 場合 各自カ タ イ し 対応し
い
3.2 段 段落 落の のま まと とま ま pgroup
複数 段落 意味 体裁 理由 一 ー 段落 div
タ 囲 す div ラ pgroup し す
<div class="ppggrroouupp">
<p>本文本文本文</p>
<p>本文本文本文</p>
<p>本文本文本文</p>
</div>
3.3 段 段落 落間 間を を区 区切 切 記 記号 号 break-symbol
注
注意意:: 要素 段落 p要素 士 間 使用し い
段落 段落 間 ー 写す 場面 変化し 表す方法 余白 代わ 区
記号 § 利用す 場合 あ す
う 場合 区 記号 divタ 囲 す div ラ break-symbol し
す
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
1
6
<p>本文本文本文本文本文本文本文本文本文本文</p>
<div class="bbrreeaakk--ssyymmbbooll">§ § §</div>
<p>本文本文本文本文本文本文本文本文本文本文</p>
3.4 本 本文 文の の一 一部 部と とし して て空 空行 行
本文 中 表現 重要 空行 br要素 内包し p要素 ー アッ し す 余白 確
保 イアウ 目的 利用す 推奨し せ 余白 原則 し タイ シー
指定す す 空行 本文 一部 し 重要 意味 持 い うし 止
得 い場合 使用す う し い
<p><br /></p>
4 行 行に に関 関す す マ マー ーク クア アッ ップ プ
4.1 ル ルビ ビの のマ マー ーク クア アッ ップ プ
4
4..11..11 モモノノルルビビののママーー アアッッ
親文字 一文字 対応し ビ文字 付 方法 モ ビ 呼び す モ ビ
ビ 付 単語全体 ruby要素 ー アッ し 親文字一文字 対応す ビ文字
内包し rt要素 記述し す
<p>…一滴 水 <ruby>銀<rt> </rt>杓<rt>し </rt></ruby> <ruby>蜘<rt>
</rt>蛛<rt> </rt></ruby> 背 落 し …</p> 4
4..11..22 ルルーー ルルビビののママーー アアッッ
2文字以 親文字列 ビ 付 方法 ー ビ 呼び す ー
ビ ruby要素 中 親文字全体 記述し そ 後 ビ文字全体 内包し rt要素
記述し す
<p>…一滴 水 <ruby>銀杓<rt> し </rt></ruby> <ruby>蜘蛛<rt>
</rt></ruby> 背 落 し …</p>
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
1
4.2 圏 圏点 点の のマ マ ク クア アッ ップ プ
圏点 対象 範囲 emタ 囲 ス emphasis-dot 指定
<p>… 人 作 <em class=" eemmpphhaassiiss--ddoott">人 世</em> 住 くい
…</p> N
NOOTTEE:: emphasis-dot ス em要素 スタイ シー
-epub-text-emphasis-style: filled 指定 こ 期待
4.3 傍 傍線 線の のマ マ ク クア アッ ップ プ
傍線 対象 範囲 spanタ 囲 ス line-solid 指定
<p>… 人 作 <span class="lliinnee--ssoolliidd">人 世</span> 住 くい
…</p>
こ ス マー ッ 場合 表示さ 傍線 組 方向 変化 横組
キス 側 縦組 キス 右側 傍線 表示さ
N
NOOTTEE:: line-solid ス span要素 横組 場合 スタイ シー
text-decoration: underline 縦組 場合 text-decoration: overline 指定 こ 期待
4.4 縦 縦中 中横 横の のマ マ ク クア アッ ップ プ
注
注意意::マー ッ 注意 必要
指定 範囲 文字 縦書 表示 場合 縦中横 ス tcy 持 span
要素 マー ッ
<p>…大正<span class="ttccyy">5</span>年<span class="ttccyy">12</span> <span class="ttccyy">9</span>日…</p>
2桁 越え 文字 対 縦中横 指定 文字 行 幅 収 隣接 行 接触
う可能性 あ 注意 必要
N
NOOTTEE:: tcy ス span要素 -epub-text-combine: horizontal 指定 こ 期
待
N
NOOTTEE:: WebKit 指定 文字 全角1文字 収 い場合 縦中横 解除
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
1
8
RMSDK 縦中横 解除さ い 行間 十 確保さ い い場合
隣接 行 縦中横 文字 接触 可能性 あ
4.5 行 行内 内の の外 外字 字画 画像 像の のマ マ ク クア アッ ップ プ em-box, ext-char
ォン 問題 文字 画像 代用 場合 あ こ 用途 利用 画像 正
方形 想定 い こ う 場合 マー ッ 以
em-box ス 持 span要素 中 img要素 画像 記述 img要素
ス ext-char alt属性 そ 文字 説明 キス 記述
<p>…JIS X 0213 包摂基準 , <span class="eemm--bbooxx"><img class="eexxtt--cchhaarr" src="../Images/exchar01.png" alt=" 姫 旁 頤 偏 部 用い 文字" /></span> 姫 包摂さ い .…</p>
N
NOOTTEE:: em-box ス span要素 スタイ シー display: inline-block; width:
1em; height: 1em 指定 こ 期待
N
NOOTTEE:: ext-char ス img要素 スタイ シー width: 100%; height: 100%
指定 こ 期待
5 注 注の のマ マ ク クア アッ ップ プ
5.1 注 注の の分 分類 類
書 配置 箇所 注 以 3 類
行内・行間 記述する注
割注 行間注
本文と異 る領域 配置する注
傍注 頭注 脚注 段落や章 区 配置 後注 巻末 纏めて記述する注
巻 後注
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
1
5.2 注 注が が参 参照 照す する る箇 箇所 所の のマ マ ク クア アッ ップ プ noteref
ここ 注 文 該当箇所 関連付け 文側 必要 マー ッ 説明
5
5..22..11 合合印印をを注注にに関関連連付付けけるるママーーククアアッッププ
注
注意意::合印 小さ 領域 ハイパー ン 設定 小型 ス ーン 操
作性 くあ 書 次セ ション 5.2.2該当箇所 直接注 関連付け
マー ッ 推奨
該当箇所 記述 注 番号や記号 合印 あい 呼び 合印 a要素 マー
ッ ス noteref 指定 href属性 関連付け 注 id属性値 指
定
記号 * 合印 マー ッ 例
<p>…そこ 々 非常 シン API<a class="noteref" href="#keyword-api"
> </a> 開発 ッ ムーチ サービス 他 サイ 直接利用 う …
</p>
…
<div class="note" id="keyword-api">
<p>API: Application Program Interface 略 ータ や ム 標
準化 く </p>
</div>
数字 使用 合印 ビ 数字 縦中横 一般的 こ 実現
縦中横 マー ッ 従い 数字部 tcy ス span 囲
印刷物 合印 文 小さ 文字 使用 行 端 寄 配置 場合 あ
こ う 場合 合印 sup要素 sub要素 囲
sup要素 内包 キス 付 縦組 右寄
sub要素 内包 キス 付 縦組 左寄
sup要素 縦中横 併用 合印 マー ッ 例
<p>…そこ 々 非常 シン API<sup> <a class="nnootteerreeff" href="#note12"
><span class="tcy">12</span></a> </sup> 開発 ッ ムーチ サービス 他 サイ
直接利用 う …</p>
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
2
0
…
<div class="note" id="note12">
<p>12 API: Application Program Interface 略 ータ や ム
標準化 く </p>
</div> 5
5..22..22 該該当当箇箇所所をを直直接接注注にに関関連連付付けけるるママーーククアアッッププ
合印 無 関わ 該当箇所 注 直接関連付け 場合 該当箇所自体 a要素
マー ッ 合印 利用 場合 様 ス noteref 指定 href属性
関連付け 注 id属性値 指定
合印 ハイパー ン 指定 方法 比べ 広い領域 ハイパー ン 指定
小さ ス ーン 閲覧 際 利便性 向
該当箇所 注 直接関連付け 例
<p>…そこ 々 非常 シン <a class="nnootteerreeff" href="#keyword-api"
>API<sup> <span class="tcy">12</span> </sup></a> 開発 ッ ムーチ サービス
他 サイ 直接利用 う …</p>
…
<div class="note" id="keyword-api">
<p>API: Application Program Interface 略 ータ や ム 標
準化 く </p>
</div>
5.3 行 行内 内 行 行間 間 記 記述 述す する る注 注
行内 記述 注 あ 割注や 行間 記述 行間注 smallタ マー ッ
該当箇所 注 関係 明白 あ 該当箇所 a要素 関連付け 必要 あ
<p>…そこ 々 非常 シン API <small>Application Program Interface 略
ータ や ム 標準化 く </small> 開発 ッ ムー
チ サービス 他 サイ 直接利用 う …</p>
5.4 文 文と と異 異 る る領 領域 域 配 配置 置す する る注 注
傍注や 頭注 脚注 段落や章 区 配置 後注 該当箇所 段落 直後 記述
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
2
こ 注 キス 全体 divタ 囲 こ div ス note 指定
id属性 値 一意 文字列 指定
id属性 指定 文字列 XHTML文書 中 他 要素 持 id 重 い う
く さい 文 該当箇所 href属性 対応 う く さい 注 id
keyword-api 場合 該当箇所 a要素 href要素 文字列 先頭 # 付与
#keyword-api
<p>…そこ 々 非常 シン <a class="noteref" href="#keyword-api" >API</a>
開発 ッ ムーチ サービス 他 サイ 直接利用 う …</p>
<!-- 該当箇所 段落 直後 記述 -->
<div class="nnoottee" id="keyword-api">
<p>API: Application Program Interface 略 ータ や ム 標
準化 く </p>
</div>
5.5 巻 巻 ま まと とめ めて て記 記述 述す する る注 注
出版物 後付 巻 記述さ 後注 あ こ 独立 XHTML文
書 作 こ XHTML文書 ン ー 文書 rearnotes.xhtml いう
イ 相当 こ 場合 文 該当部 マー ッ a要素 href属性
rearnotes.xhtml内 id 参照 必要 あ 注意 く さい
文 該当箇所
<p>…そこ 々 非常 シン <a class="noteref"
href="rearnotes.xhtml#keyword-api" >API</a> 開発 ッ ムーチ サービス 他 サ
イ 直接利用 う …</p>
rearnotes.xhtml
<div class="nnoottee" id="keyword-api">
<p>API: Application Program Interface 略 ータ や ム 標
準化 く </p>
</div>.
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
2
2
6 図 図表 表の のマ マー ーク クア アッ ッ
6.1 図 図表 表の の記 記述 述位 位置 置
紙 出版物 制作 ー 想定 図表 記述 位置 目安 示
本文の開始位置に回りこみで配置された図表
本文 段落 手前 記述
本文の途中に回りこみで配置された図表
本文 中 図表 関連 言及 あ ば 段落 直後 記述 関連 言及
ば 回 最初 段落 直後 記述
本文の途中に挿入されたページ大の図表
本文 中 図表 関連 言及 あ ば 段落 直後 記述 関連 言及
ば 図表 次ペー 最初 段落 直後 記述
6.2 図 図版 版の のマ マー ーク クア アッ ッ
本文 中 含 図版 figure 持 divタ マー ッ 図版
中 キャ ョン 明 キ 添え 場合 figcaption 持 div要素
加え 中 キ 記述
<div class=”ffiigguurree”>
<img src=”figure01.png” alt=”figure01” />
<div class=”ffiiggccaappttiioonn”>図1</div>
</div>
figure属性 持 div id属性 加え く 図版一覧やハ パー ン 直接 図
版 ャン 利便性 高
sample01.xhtml
<div class=”figure” id="figure01">
<img class="landscape" src=”figure01.png” alt=”figure01” />
<div class=”figcaption”>図.01 </div>
</div> sample02.xhtml
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
2
<p><a href="sample01.xhtml#figure01" >図01</a> 参照 </p>
6.3 表 表の のマ マー ーク クア アッ ッ
本文 中 含 表 図版 様 figure 持 divタ マー ッ
キャ ョン 明 キ 添え 場合 figcaption 持 div要素 加
え 中 キ 記述
<div class="ffiigguurree" id="table01">
<div class="figcaption">表1</div>
<table>
<tr><th> 目1</th><th> 目2</th><th> 目3</th></tr>
<tr><td>内容</td><td>内容</td><td>内容</td></tr>
<tr><td>内容</td><td>内容</td><td>内容</td></tr>
</table>
</div>
表 キャ ョン caption要素 記述 可能 本書 figcaption
div 記述 統一
7 箇 箇条 条書 書き きの のマ マー ーク クア アッ ッ
7.1 HTML の の ス スト トを を利 利用 用し した た箇 箇条 条書 書き き
目 序 重要性 持 い箇条書 ul li要素 マー ッ
目 序 重要 箇条書 ol li要素 マー ッ
箇条書 目 行頭 記号や番号 ー ン ム 自動的 付
与さ 形 表示さ 記号や番号 種類 タ ー 指定
本書 記号や番号 対応 設 タ ー カ タマ 対応
く さい
7.2 HTML の の ス スト トを を利 利用 用し しな ない い箇 箇条 条書 書き き
べ キ 記述 方法 各 目 段落 様 pタ マー ッ
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
2
4
目 行頭 配置 記号や番号 正確 表現 場合 利用 く さい
字 やぶ ン ン タ ー カ タマ 対応 く さい
8 引 引用 用の のマ マー ーク クア アッ ッ
8.1 引 引用 用 ッ ック クの のマ マー ーク クア アッ ッ
本文 段落 独立 ッ 持 引用文 blockquote要素 マー ッ
<p>本文本文本文本文本文本文</p>
<blockquote>
<p>引用文引用文引用文引用文引用文引用文引用文</p>
</blockquote>
<p>本文本文本文本文本文本文</p>
9 そ その の他 他の のマ マー ーク クア アッ ッ
CSS 活用 ウ 容易 目的 行うマー ッ い 解
9.1 非 非表 表示 示を を指 指定 定す する るク ク ス ス hidden
記述 要素 非表示 hidden 指定 機械処理 行う
ータ 必要 者 目 触 必要 い要素 対 利用
<div class="hidden">
<h2> 見出 表示さ </h2>
<p> 段落 表示さ </p>
</div> N
NOOTTEE:: hidden 要素 タ ー display: none 指定 期待
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
2
テ
テン ン ー ート ト文 文書 書の の利 利用 用方 方法 法
1 概 概要 要
JBasic 出版物 定型化さ 構成部品 ン ー 文書 XHTML 提
供 幾 ン ー 文書 あ 記述 内容 用意 あ 一部
書 換え 独自 出版物 作
章 ン ー 文書 い 解 出版物 作成 べ
ン ー 文書 利用 必要 あ 必要 組 合わ 利用 く
さい 独自 文書 追加 自由
1.1 構 構成 成部 部品 品の のカ カテ テゴ ゴ
出版物 構成部品 大 く分 表紙 前付 本文 後付 いう四 カ ゴ 分類
表紙
カ ゴ :cover
出版物 表紙 相当 構成部品 前付
カ ゴ :frontmatter
本文 前 位置 構成部分 本文
カ ゴ :bodymatter
出版物 主 内容 記述 構成部分 後付
カ ゴ :backmatter
本文 後 位置 構成部分
JBasic 提供 べ ン ー 文書 い カ ゴ 属
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
2
6
ン ー 文書 自身 属 カ ゴ body要素 持 例え
ば 表紙用 ン ー 文書 cover.xhtml 場合 body要素 cover
cover.xhtml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:epub=" http://www.idpf.org/2011/epub" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
</head>
<body ccllaassss==""ccoovveerr"">
…
</body>
</html>
1.2 テ テン ン ー ート ト文 文書 書の の種 種類 類
各カ ゴ 属 ン ー 文書 一覧 表 示 構成部品 対応 ン
ー 文書 利用 く さい
1
1..22..11 表表紙紙
ccoovveerr..xxhhttmmll 表紙ペー
1.3 前 前付 付
g
gaalllleerryy..xxhhttmmll
口絵 ttiittlleeppaaggee..xxhhttmmll
本 び
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
2
p
prreeffaaccee..xxhhttmmll 序文 n
naavviiggaattiioonn..xxhhttmmll 目次
1.4 後 後付 付
rreeaarrnnootteess..xxhhttmmll 後注 a
afftteerrwwoorrdd..xxhhttmmll あ
ン ー 文書 改版 い随時追加します ン ー 追加候補 以下
す
著作 ペー
中 び
用語集
参考文献
索引
奥付
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
2
8
付
付録 録 A.JBasic 語 語彙 彙一 一覧 覧
語彙 由来 つい
E EPPUUBB
EPUB 3 Structural Semantics Vocabulary 採用した語彙
Z Z3399..8866
Z39.86-AI Z39.86-201x Structural Semantics Vocabulary 採用した語彙
J JBBaassiicc
本書 独自 定 た語彙
名称 要素 ク 名 語彙 由来
見出し
出版物 標題 h1 title EPUB
出版物 副題 h2 subtitle EPUB
出版物 標題 副題 ま ま hgroup fulltitle EPUB
見出し 表示 大 h2〜h6 large-heading JBasic
見出し 表示 中 h2〜h6 medium-heading JBasic
見出し 表示 小 h2〜h6 small-heading JBasic
各見出し タ h2〜h6 subheading EPUB
段落
段落 ま ま div pgroup Z39.86
段落間を区切 記号 div break-symbol JBasic
圏点
圏点 em emphasis-dot JBasic
傍線
通常 傍線 span line-solid JBasic
縦中
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
2
縦中 span tcy JBasic
行内 外字画像
外字 文字 ック span em-box JBasic
外字画像 img ext-char JBasic
注
合印 参照元 キ a noteref EPUB
本文 異 領域 配置す 注 div note EPUB
図表
図表 ック div figure HTML5
図表 キャ ン div figaption HTML5
そ 他
非表示指定 * hidden HTML5
構成部品 カ
表紙 body cover EPUB
前付 body frontmatter EPUB
本文 body bodymatter EPUB
後付 body backmatter EPUB
前付 構成部品
口絵 div gallery Z39.86
本 び div titlepage EPUB
序文 著者 div preface EPUB
目次 nav toc EPUB
後付 構成部品
後注 div rearnotes EPUB
あ div afterword EPUB
参考文献 div bibliography EPUB
奥付 div colophon EPUB
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
3
0
文
文献 献目 目録 録
日本語文書 組版指定交換形式. (2000年11月30日). 日本規格協会. IDPF. (2011年5月23日). Alternate Style Tags. 参照先:
http://idpf.org/epub/altss-tags/
IDPF. (2011年5月23日). EPUB 3 Changes from EPUB 2.0.1. 参照先: http://idpf.org/epub/30/spec/epub30-changes.html
IDPF. (2011年5月23日). EPUB 3 Overview. 参照先: http://idpf.org/epub/30/spec/epub30-overview.html
IDPF. (2011年5月23日). EPUB Content Documents 3.0. 参照日: 2011年5月25日, 参照先:
http://www.idpf.org/epub/30/spec/epub30-contentdocs-20110523.html IDPF. (2011年5月23日). EPUB Open Container Format (OCF) 3.0.
IDPF. (2011年5月23日). EPUB Publications 3.0. 参照日: 2011年5月25日, 参照 先: http://www.idpf.org/epub/30/spec/epub30-publications-20110523.html W3C. (2006年9月19日). CSS3 Values and Units. 参照日: 2011年5月23日, 参照
先: http://www.w3.org/TR/2006/WD-css3-values-20060919
W3C. (2008年4月11日). http://www.w3.org/TR/2008/REC-CSS2-20080411/. 参照先: http://www.w3.org/TR/2008/REC-CSS2-20080411/
W3C. (2009年6月4日). 日本語組版処理 要件 日本語版 . 参照日: 2011年5月23 日, 参照先: http://www.w3.org/TR/2009/NOTE-jlreq-20090604/ja/
W3C. (2011年6月4日). Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification. 参照先: http://www.w3.org/TR/CSS2/
W3C. (2011年3月24日). CSS Fonts Module Level 3. 参照先: http://www.w3.org/TR/css3-fonts/
W3C. (2011年4月12日). CSS Multi-column Layout Module. 参照先: http://www.w3.org/TR/css3-multicol/
Copyright © 2011 EAST Co., Ltd All Rights Reserved.
3
W3C. (2011年4月12日). CSS Text Level 3. 参照先: http://www.w3.org/TR/css3-text/ W3C. (2011年4月28日). CSS Writing Modes Module Level 3. 参照先:
http://www.w3.org/TR/css3-writing-modes/ W3C. (2011年4月19日). CSS3 Speech Module. 参照先:
http://www.w3.org/TR/css3-speech/
W3C. (2011年4月5日). HTML5 A vocabulary and associated APIs for HTML and XHTML. 参照日: 2011年5月23日, 参照先:
http://www.w3.org/TR/2011/WD-html5-20110405/
青空文庫. (2010年6月26日). 青空文庫 組版案内 » 注記一覧. 参照日: 2011年5月 12日, 参照先: 青空文庫 組版案内 :
http://kumihan.aozora.gr.jp/slabid-19.htm
日本エ ター クー . (2001年4月20日). 文字 組方 ー ック タ 組編. 日本エ ター クー 出版部.
日本エ ター クー . (2001年6月20日). 文字 組方 ー ック 組編. 日本エ ター クー 出版部.