如果需要增加多層次路徑,
圖片src鏈接可以加file://,也可以不加
聲音src鏈接要保證有sound://
<img src="file://images/Avanzado.jpg">
<img src="file://images/Intermedio.jpg">
<img src="file://images/Superior.jpg">
如果不使用多層次路徑,直接使用
<img src="Avanzado.jpg">
<img src="Intermedio.jpg">
<img src="Superior.jpg">
最好直接用:
<img class="fullsize" style="display:none" border="1" src="fullsize_insects.png">
<a class="Ref" href="entry://@topic_body?level=c2" title="Topic body">
<a href="sound://abdomen__gb_1.ogg" class="sound audio_play_button pron-uk icon-audio" title="abdomen pronunciation English" style="cursor: pointer" valign="top"> </a>
存放
當資源文件數量極多時,不建議:直接將所有資源文件存放在 mdx 目錄下。
建議:將資源文件打包為 mdd,注意 mdd 必須和 mdx 存放在同一目錄下。
有多個 mdd 文件時,文件名以 xx.mdd、xx.1.mdd,xx.n.mdd 詞典軟件都會讀取。
強烈推薦:將圖片和 css、js 和字體打包為 xx.mdd,將語音打包為 xx.1.mdd,這樣不想要語音文件的用戶只需拷貝 xx.mdd 而不丟失樣式排版。
儲備知識
必學:HTML/CSS/JavaScript 知識。
最好會:正則表達式、一門編程語言。
MDX 規范
詞條由三部分組成:
詞條關鍵字:作為詞條索引。
詞典 HMTL:詞條內容。
分隔符 </>:分割每個詞條。
注意:
</> 后面不允許有任何空行。
HMTL 允許換行,也可以不換行。
例子:
Antarctica
<link href="styles_cb.css" rel="stylesheet"/><script src="scripts_cb.js"></script><div>南極洲</div>
</>
詞典 HMTL格式
和標准的 HTML 幾乎一樣,不過這里去掉了 <html>、<head> 和 <body> 標簽的包裹,另外增加了一些 mdict 自有的標記和格式。
下面介紹資源的引入,關於路徑問題,請閱讀下面的資源部分。
引入 css 和 js 文件
<link href="styles_cb.css" rel="stylesheet"/><script src="scripts_cb.js"></script><div>南極洲</div>
復制代碼
引入音頻
<a href="sound://sound_file.mp3">keyword</a>
引入圖片
格式一:
<img src="file://abc.gif">
格式二:
file:// 可以省略
<img src="/abc.gif">
<img src="abc.gif">
跳轉
兩種形式:
內聯使用,可以多次使用:如 <a href="entry://ought to">,類似於標准 HTML 的 <a href="https://www.baidu.com">。還支持錨點,如 <a href="entry://look#verb">
查詢某個單詞時直接從一個單詞跳轉到另一個單詞,只允許使用一次:如 @@@LINK=ought to。
資源
HTML 中引入資源文件時根目錄為 mdx 所在目錄。
優先級
裸露的資源文件 > mdd 中的資源文件。