2012年10月1日 星期一

HTML <sup> Tag


定義及用法 Definition and Usage

當文本中需要使用上標文字 ( superscript text ) 時使用<sup>標籤,被標記的內容會在文字基線上方建立小型的字母,例如對某文字的註釋。


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

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

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


可使用的屬性 Attributes

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


範例 Examples
範例 1 example:
<p>The most beautiful women are 
<span lang="fr"><abbr>M<sup>lle</sup></abbr> Gwendoline</span> and 
<span lang="fr"><abbr>M<sup>me</sup></abbr> Denise</span>.</p>  

Demo結果如下

The most beautiful women are Mlle Gwendoline and Mme Denise.

範例 1 中,說明了在某些語言體例(typographical conventions)中,縮寫是上標樣式。

範例 2 example:
透過點數,以分計費,每分鐘新台幣2.5元<sup>[1]</sup>,用多少算多少。<br /> 
無須額外申請帳號密碼,更無須支付任何日租或月租費用。<br /> 
註1:您可隨時透過紀錄視窗,看到您已使用的時數,以及已被扣取的點數。
        

Demo結果如下

透過點數,以分計費,每分鐘新台幣2.5元[1],用多少算多少。
無須額外申請帳號密碼,更無須支付任何日租或月租費用。
註1:您可隨時透過紀錄視窗,看到您已使用的時數,以及已被扣取的點數。

範例 2 中,說明上標的使用時機可以用在註腳 ( footnotes )上。

沒有留言:

張貼留言

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