搜尋

隨機推薦

06 一月 2010
01 十一月 2010

HTML的文字編排:原始html標籤與W3C推薦的差異

粗體 / 粗體與強調內容?

粗體字效果有三種方式可以呈現:<b></b>, <strong></strong> 以及CSS的font-weight,其實三種顯示效果都一樣,差別只在於接受度與網頁環境的差異。

粗體字 b (bold text)是W3C非推薦且只有xhtml適用的標籤;

加重強調內容 strong (strong emphasis) 也是W3C非推薦且只有xhtml適用的標籤,但是如果製作無障礙時卻需要以strong取代b 以及CSS的font-weight;根據台灣無障礙網頁官方說法:用B標籤來呈現網頁中重要資訊的設計,這樣的做法只是視覺上會呈現粗體字,而並非解讀 為重要的資訊。B標籤在HTML

廣告

4.01 中被明確定義為』粗體字』標籤,而STRONG與EM才是強調標籤。使用STRONG標籤的正確示範,除了能顯現粗體的效果也能明確標示出資料的重要性。

CSS font-weight 是指定文字粗細,可以輸入數值 (例如:100, 00, 300 ~~900)也可以輸入字串 (例如:normal正常字體、lighter細字體、bold粗體字、bloder特粗字體)

範例5-1:使用 b (bold text) 的情況下

  • 網頁文字段落中重要訊息的呈現

    <p>網頁文字段落中<b>重要訊息</b>的呈現</p>

範例5-2:使用 strong (strong emphasis)

  • 網頁文字段落中重要訊息的呈現

    <p>網頁文字段落中<strong>重要訊息</strong>的呈現</p>

範例5-3:使用CSS font-weight

  • 網頁文字段落中重要訊息的呈現

    <p>網頁文字段落中<span style=』font-weight:bold;』>重要訊息</span>的呈現</p>

廣告

无觅相关文章插件,快速提升流量

Please publish modules in offcanvas position.