HTML for UI 格式說明

目次

行號

例如 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>

缺字

例 T01n0011_p0223b16

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

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

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

某些缺字沒有通用字,a 裡面就會包組字式,例如:T01n0020_p0261c10

<a class='gaijiAnchor' href='#CB01887'>[佩-一]</a>

卷資訊

卷首資訊,例 T01n0001_p0001b07

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

卷尾資訊,例 T01n0001_p0011a01

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

作譯者

例 T01n0001_p0001a03

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

標點

每個標點片段都會包在 <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">

第一層章節標題,例 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 元素。

圖片

例 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'>
  <span class='footnote' id='n0001001'>此序依宋元明三本ニ依テ載ス</span>
    ...
</div>

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 修訂過的文字。

在各卷 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>

Classes

Class Description
pl-{size} 例如 pl-2 表示 padding-left:2em。 目前只有出現 pl-2 和 pl-4 這二種,CBReader 支援 pl-1 至 pl-8 八種。