2015-10-12 140 views
4

我有一個應用程序,其中包含大量的數字或字母上標。我注意到,在網頁上寫上標的最好方法是什麼?

X<span style="vertical-align: super;">3</span> 

,只是使用圖3左右sup標籤在我的應用程序都產生X3

但是隻有sup標籤在SO上產生X3。這是否意味着我應該堅持後者?如果有的話,有什麼區別,優點和缺點?

編輯:我檢查了http://www.w3schools.com/tags/tag_sup.asphttp://www.w3.org/TR/html-markup/sup.html。我似乎沒有看到任何區別。

+0

只有一個增加了語義,兩者都可以以任何想要的方式進行樣式設置,如果要使用範圍,請考慮使用類和樣式表 – user2864740

+4

_'But只有sup標籤在SO上產生X3 。這是否意味着我應該堅持使用後者?'_ SO可以篩選你可以使用的代碼,並且它不會影響你應該在你自己的項目中使用什麼 – j08691

+0

Stephen,你可能會注意到StackOverflow會去掉任何'<' and '>'如果它不在代碼塊或代碼行中,則可以提交任何提交的數據中的標記I * think *如果在問題和答案的文本塊區域使用格式化幫助,則可以使用上標樣式定義 – Martin

回答

5

只需使用<sup>super</sup>

正如你從W3C參考見過的SUP標籤只是爲CSS例行:

sup { 
    vertical-align: super; 
    font-size: smaller; 
} 

優點:它可以在所有平臺上,這是什麼它的目的是。還爲屏幕閱讀器和其他「機器人」提供了語義含義。

缺點:有些人只是喜歡用CSS自己做。

編輯:和充分肯定j08691 - 這非常簡潔評論:

SO過濾器,你可以用什麼代碼,且對你應該在自己的項目中使用的無軸承

+0

作爲一個附註,來吧你可以把標籤在你的文章中,我不能? –

+1

閱讀關於http:// stac的內嵌代碼koverflow.com/help/formatting - 使用反引號字符(通常位於鍵盤左上角的數字1的左側)來包裝旨在顯示爲代碼的標記。 – Martin

+0

哦,我的這麼多小東西要在這裏學習。感謝@Martin。 –

0

<sup>標籤對普通的段落文本來說很好,但是關於「標題」字段內的文本又如何呢?例如, ... title =「Tombeau de Napol&eacute; on 1er」 ...?

我無法在上標位置得到'er'('st'英文!)。 <sup>標記沒有效果。 :-(

相關問題