HTML for UI 格式說明

目次

卷資訊

卷首資訊，例 T01n0001_p0001b07

<p class='juan'>佛說長阿含經卷第一</p>

卷尾資訊，例 T01n0001_p0011a01

<p class='juan'>佛說長阿含經卷第一</p>

作譯者

例 T01n0001_p0001a03

<p class="byline">長安釋僧肇述</p>

第一層章節標題，例 T01n0001_p0001a02

<p data-head-level="1" class="head">長阿含經序</p>

第二層章節標題，例 T01n0001_p0001b11

<p data-head-level="2" class="head">（一）第一分初大本經第一</p>

依此類推。

段落

例 T01n0001_p0001a05

<p>夫宗極絕於稱謂....則異途同趣矣。</p>

偈頌

規則偈頌

例 T01n0001_p0001c03：

<div class="lg regular">
  <div class="lg-row">
    <div class='lg-cell'>「比丘集法堂，</div>
    <div class='lg-cell'>講說賢聖論；</div>
  </div>
  ...
  <div class="lg-row">
    <div class='lg-cell'>無上天人尊，</div>
    <div class='lg-cell'>記於過去佛。」</div>
  </div>
</div>

詞、賦

例 GA001n0002_p0240a11

<div class="lg" style="margin-left:0em;">
  <div class="lg-row" style="text-indent:1em">
    <div class='lg-cell'>今偏重者愛昔先民之重由樸由純</div>
  </div>
  <div class="lg-row" style="text-indent:1em">
    <div class='lg-cell'>白骨兮徒自朽　方寸心兮何所憶</div>
  </div>
</div>

<div class="lg"> 沒有 regular，表示是一行一行的不規則詞、賦，不能用 table 對齊。

表格

例 T49n2035_p0158c17：

<div class="bip-table">
  <div class='bip-table-row'>
    <div class="bip-table-cell">大品(晉羅什譯)</div>
    <div class="bip-table-cell" rowspan="2">第一會鷲峯山說四百卷(七十七品單譯)</div>
  </div>
  <div class='bip-table-row'>
    <div class="bip-table-cell">放光(晉羅叉譯)</div>
  </div>
  ...
</div>

<div class="bip-table"> 對應 HTML table 元素。

<div class='bip-table-row'> 對應 HTML tr 元素。

<div class='bip-table-cell'> 對應 HTML td 元素。

在各卷 HTML 最後有版權資訊，例 T0001_001:

<div id='cbeta-copyright'>
  <p>
    【經文資訊】《大正新脩大藏經》第 1 冊 No. 1 長阿含經<br/>
    【版本記錄】發行日期：2021-01，最後更新：2020-12-09<br/>
    【編輯說明】本資料庫由中華電子佛典協會（CBETA）依《大正新脩大藏經》所編輯<br/>
    【原始資料】蕭鎮國大德提供，張文明大德提供，北美某大德提供，法雨道場提供新式標點<br/>
    【其他事項】詳細說明請參閱【<a href='http://www.cbeta.org/copyright.php' target='_blank'>中華電子佛典協會資料庫版權宣告</a>】
  </p>
</div>

行號

例如 T01n0001_p0001a01:

<span class="lb" id="T01n0001_p0001a01">T01n0001_p0001a01</span>

行號本來不應該在本文中出現，這裡將行號包在 span 裡，方便 UI 控制是否顯示行號。

文字

每個文字片段都會以 <span class="t"> 包起來，例如 T01n0001_p0001a02:

<span class="t" l="0001a02" w="5">序</span>

缺字

如果有對應的 Unicode 3.0 以內字元，會直接採用，不會有任何標示。

否則會有如下標記：

<a class='gaijiAnchor' href='CB缺字碼'>預設呈現字元</a>

「預設呈現字元」優先次序如下：

例 T01n0011_p0223b16

<a class='gaijiAnchor' href='#CB00595'>麨</a>

上例中的 CB00595 是缺字碼，「麨」是它的通用字。

檔尾會以 <span class="gaijiInfo"> 標記提供相關資訊。例如： 

<span id="CB00595" class="gaijiInfo" 
  figure_url="https://raw.githubusercontent.com/cbeta-org/gaiji-CB/master/00/CB00595.gif" 
  zzs="[麩-夫+少]">麨</span>

完整的 CBETA 缺字資訊可以在這裡查到： https://github.com/cbeta-org/cbeta_gaiji

標點

每個標點片段都會包在 <span class="pc"> 裡面，例 T01n0001_p0001a05

夫宗極絕於稱謂<span class="pc">，</span>

CBETA 目前收錄的佛典，尚未全部都有新式標點，有三種情況：

這會在 body 下的第一層 div 中記錄，data-punc="CBETA" 表示這是由 CBETA 製作的新式標點，例如 T0001_001

<div id='body' data-punc="CBETA">

data-punc="DILA" 表示這是由 法鼓文理學院 製作的新式標點，例 GA0008_001:

<div id="body" data-punc="DILA">

data-punc="AI" 表示使用「北京龍泉寺人工智能標點引擎」製作的新式標點初稿，例如 JB098_001:

<div id='body' data-punc="AI">

data-punc="orig" 表示是原書的標點，例 A1057_001：

<div id='body' data-punc="orig">

圖片

例 T16n0719_p0845c19

<img src="https://raw.githubusercontent.com/cbeta-git/CBR2X-figures/master/T/T16p0845_01.gif" class="graphic" />

src 屬性直接指到 CBETA 公開放在 GitHub 上的圖片。

註解

例 T01n0001_p0001a02

<a class='noteAnchor' href='#n0001001'></a>長阿含經序

class='noteAnchor' 表示這裡有一個註標。

n0001001 前四碼是頁碼，後三碼是序號，表示這是第一頁的第一個註解。

註解內容在 HTML 最後：

<div id='back'>
  <div class='footnote' id='n0001001'>此序依宋元明三本ニ依テ載ス</div>
    ...
</div>

註解內容可能包含多段落，例 B35n0195_p0798a03

<div class='footnote' id='n0798008'>
  <p>據《衛藏通志卷》六按語，其材料蓋據布達拉宮經簿，與 Bu ston 書相同，見該書頁一二三～一二四。按通志雖非第一手史料，然所記亦有來歷，勘以 Bu ston 佛教史：</p>
  <p style="margin-left:4em">巴勒布王＝ Bul Po（hi rgyal）</p>
  <p style="margin-left:4em">鄂特巴爾郭恰＝ Hod zer go cha</p>
  <p style="margin-left:4em">拜木薩＝ bal mo - bza 指尼泊爾王妃。</p>
  <p style="margin-left:2em">譯名皆符合，參藤長古代西藏史研究頁五五。</p>
  （CBETA 按：大藏經補編此頁中缺相對應之註標[08]，今於此處加上[08]之註標。）
</div>

星號校注

例 T01n0001_p0002a05 指向 [26] 的第一個星號校注：

<a class='noteAnchor star' href='#n0001026' data-star-no='26-1'></a>

data-star-no 提供校注編號及序號，又例 T01n0001_p0002a17 指向 [26] 的第二個星號校注：

<a class='noteAnchor star' href='#n0001026' data-star-no='26-2'></a>

CBETA 加的註解

例 T01n0001_p0001b02

涼州沙門佛<a class='noteAnchor add' href='#cb_note_1'></a><span class='cbeta'>念</span>為譯

add 表示這是 CBETA 加的註解。

cb_note_1 指向 HTML 後面的註解內容:

<div id='back'>
  ...
  <span class='footnote add' id='cb_note_1'>念【CB】【磧-CB】，忘【大】(cf. Q17_p0302a30)</span>
  ...
</div>

<span class='cbeta'> 表示這是 CBETA 修訂過的文字。

連結 CBETA 校訂考證資料庫

例 T01n0001_p0005b03

<a class="noteAnchor" href="#n0005009" data-key="T01.0005b03.12"></a>

data-key 欄位可用來連結： https://www.cbeta.org/revised_research.php?notekey=T01.0005b03.12

編號含小經編號

例 B06n0003_p0030b03

<a class='noteAnchor' href='#n0030001-n10'></a>

上例中的 note 編號 n0030001-n10, 前四碼 0030 表示頁碼，接下來的 001 表示「註一」，n10 表示第十號小經「須婆經第十」。

人名

例 GA009n0008_p0006a04

<a id="person_start_1" class="person_start" data-key="A006952"></a>
周應賓
<a id="person_end_1" class="person_end" data-key="A006952"></a>

id="person_start_1" 表示這是第一個人名的開始。

class="person_start" 表示這是人名的起點。

data-key="A006952" 對應到 Authority ID.

id="person_end_1" 表示這是第一個人名的結束。

class="person_end" 表示這是人名的結束點。

地名

例 GA009n0008_p0003a02

<a id="place_start_1" class="place_start" data-key="PL13847"></a>
普陀
<a id="place_end_1" class="place_end" data-key="PL13847"></a>

id="place_start_1" 表示這是第一個地名的開始。

class="place_start" 表示這是地名的起點。

data-key="PL13847" 對應到 Authority ID.

id="place_end_1" 表示這是第一個地名的結束。

class="place_end" 表示這是地名的結束點。

Classes

circle

文字外包圓圈，例 G104n2254_p0335a19

<span class="circle">甲</hi>

pl-{size}

例如 pl-2 表示 padding-left:2em。

目前只有出現 pl-2 和 pl-4 這二種，CBReader 支援 pl-1 至 pl-8 八種。