2012年10月1日 星期一

HTML <sub> Tag


定義及用法 Definition and Usage

當文本中需要使用下標文字 ( suberscript text ) 時使用<sub>標籤,被標記的內容會在文字基線下方建立小型的字母,例如化學式的表示。


使用技巧及注意事項 Tips and Notes

<sub>標籤在使用時還是要注意,不能只是單純的為了格式上的樣式使用(當然像LaTeX這種排版、文字美工軟體,就可以為所欲為的調整文字的基準線),HTML5裡還是強調一個重點,所有格式類的標記目的不是樣式,而是要區別文義。

另外可參考和<sub>標籤有同樣意義的<sup>標籤


可使用的屬性 Attributes

支援全域屬性(Global Attributes)事件屬性(Event Attributes)


範例 Examples
範例 1 example:
澄清石灰水加入二氧化碳產生碳酸鈣和水,化學式為<br /> 
Ca(OH)<sub>2</sub>+CO<sub>2</sub>=CaCO<sub>3</sub>+H<sub>2</sub>O

Demo結果如下

澄清石灰水加入二氧化碳產生碳酸鈣和水,化學式為
Ca(OH)2+CO2=CaCO3+H2O

範例 1 中,化學式元素的原子數就是以下標做為標記符號

範例 2 example:
<p>The coordinate of the <var>i</var>th point is 
(<var>x<sub><var>i</var></sub></var>, <var>y<sub><var>i</var></sub></var>). 
For example, the 10th point has coordinate 
(<var>x<sub>10</sub></var>, <var>y<sub>10</sub></var>).</p>

Demo結果如下

The coordinate of the ith point is (xi, yi). For example, the 10th point has coordinate (x10, y10).

範例 2 中,數範例 2 中,數學式定義變數的部分也可使用<sub>標籤。在數學式中,樣式上會有許多上標、下標的文字樣式,比較建議的用法是使用MathML 來紀錄。

1 則留言:

Related Posts Plugin for WordPress, Blogger...
// Dnow Function