HTML、XML
你可以透過 Avane 標籤來撰寫 HTML5、XML、XHTML，
他們最終會被編譯成標準 (X)HTML 或是 XML。
HTML5
這一個段落將告訴你如何透過 Avane 標籤撰寫一個標準的 HTML5 網頁。
Avane
doctype html
// 這些標籤將不會自己關閉
hr
img
// 這些屬性應該會自動重複
button(disabled, selected, checked) 按下我
// 而這個標籤會自己關閉
some-element
// 這個則是會包含一串文字
some-element Some 我是一串文字。
渲染效果
<!DOCTYPE html>
<!-- 這些標籤將不會自己關閉 -->
<hr>
<img>
<!-- 這些屬性應該會自動重複 -->
<button disabled="disabled" selected="selected" checked="checked">按下我</button>
<!-- 而這個標籤會自己關閉 -->
<some-element></some-element>
<!-- 這個則是會包含一串文字 -->
<some-element>Some 我是一串文字。</some-element>
XHTML
這一個段落則是告訴你如何撰寫較傳統的 XHTML。
Avane
doctype 1.1
// 這些標籤會自己關閉
hr
img
// 這些屬性應該會自動重複
button(disabled, selected, checked) 按下我
// 而這個標籤會自己關閉
some-element
// 這個則是會包含一串文字
some-element Some 我是一串文字。
渲染效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!-- 這些標籤會自己關閉 -->
<hr />
<img />
<!-- 這些屬性應該會自動重複 -->
<button disabled="disabled" selected="selected" checked="checked">
按下我
</button>
<!-- 而這個標籤會自己關閉 -->
<some-element></some-element>
<!-- 這個則是會包含一串文字 -->
<some-element>
Some 我是一串文字。
</some-element>
XML
這一個告訴你如何撰寫基本的 XML 格式。
Avane
doctype xml
// 這些標籤會自己關閉
hr
img
// 這些屬性不應該自動重複
button(disabled, selected, checked) 按下我
// 而這個標籤會自己關閉
some-element
// 這個則是會包含一串文字
some-element Some 我是一串文字。
渲染效果
<?xml version="1.0" encoding="utf-8"?>
<!-- 這些標籤會自己關閉 -->
<hr />
<img />
<!-- 這些屬性不應該自動重複 -->
<button disabled="" selected="" checked="">
按下我
</button>
<!-- 而這個標籤會自己關閉 -->
<some-element />
<!-- 這個則是會包含一串文字 -->
<some-element>
Some 我是一串文字。
</some-element>