HTML font 粗體字設計

HTML font 粗體字設計有傳統的方式以及現在流行的 CSS 設計方式,傳統的粗體字設計可以採用 HTML 內建的 <b> 標籤或 <strong> 標籤,而 CSS 的設計方式則是採用 font-weight 屬性,兩種設計方式有什麼差別呢?簡單來說,傳統的粗體字 <b> 標籤與 <strong> 標籤使用簡便,可以隨時在想要用粗體字的地方加上標籤,看似比 CSSfont-weight 簡便,不過如果是大型的網站就不適合用傳統的粗體字標籤,反而應該改用 CSSfont-weight 標籤,因為 CSS 的架構對於整體網頁的 style 管理較具效率。

HTML font 粗體字語法
<b>傳統 HTML 粗體字語法</b>
<strong>傳統 HTML 粗體字語法</strong>
<span style="font-weight:bold;">CSS 粗體字語法</span>
上述中是三種不同的的網頁粗體字設計方式,前兩個傳統的 HTML 語法差異並不大,不過第三個 CSS 的語法就有很大的差異。

HTML font 粗體字應用範例
這裡是一段文字這裡是一段文字<b>粗體字</b>這裡是一段文字<strong>粗體字</strong>這裡是一段文字<span style="font-weight:bold;">粗體字</span>這裡是一段文字這裡是一段文字這裡是一段文字 ...
範例的效果
這裡是一段文字這裡是一段文字粗體字這裡是一段文字粗體字這裡是一段文字粗體字這裡是一段文字這裡是一段文字這裡是一段文字 ...
範例所表現的是如何在一段文字或文章中,利用傳統 HTML 的粗體字標籤或 CSSfont-weight 屬性,把其中任意的文字標示為粗體字,較特別的是 CSSfont-weight 必須使用 span 區域標籤把要顯示為粗體字的文字範圍先包起來才有效果。

更多網頁文字設計技巧
© Copyright webtech.tw Since 2010