本篇文章主要的講述了關於html中的b標籤和strong標籤的區別。並分別介紹了b標籤和strong標籤加粗情況的一些細節,最後還有關於html b標籤和strong標籤的總結,最後我們來看看關於這篇文章吧
首先本篇文章給HTML中b標籤和strong標籤各自做個自我介紹:
HTML中的b標籤:<b></b>加粗標籤元素告訴瀏覽器把其加b標籤的文本以粗體方式顯示給瀏覽者。對於所有瀏覽器來說,這意味著要把這段文字加粗(粗體)樣式方式呈現給大家顯示
HTML中的strong標籤:<strong></strong>加粗標籤元素告訴瀏覽器把其加strong標籤的文本以加粗方式顯示給瀏覽者。對於所有瀏覽器來說,這意味著要把這段文字加粗呈現給大家顯示。Html strong加粗標籤與html b加粗標籤顯示效果相同,兩者都將內容文本加粗方式顯示呈現,兩者都可以選擇使用
再來一個一個的看代碼執行個體還有:
topic.alibabacloud.com!<br/>topic.alibabacloud.com的網址是<b>www.php.cn</b> !<br/>我被HTML b標籤<b>加粗的</b>。
這個的效果如下:
topic.alibabacloud.com!<br/>topic.alibabacloud.com的網址是<strong>www.php.cn</strong> !<br/>我被HTML strong標籤<strong>加粗的</strong>。
strong標籤的執行個體如下:
看了這麼多,應該還是沒怎麼看懂吧。
現在再來看看一些b標籤和strong標籤的細節說明:
strong代表其中內容文字的意義。b代表其中文字的樣式是粗體。 在html規範中二者的區別基本上看不出來。在xhtml中由於強調“樣式與內容的分離”所以代表樣式的b被掏汰了。取而代之的是其它標籤。注意,不是strong代替了b。strong代表強調,你可以自訂任何樣式來代表強調。只是strong的預設樣式與b相同而已。
<strong>是加重語氣標籤;<b>是粗體標籤
它們起的均是加粗字型的作用。在大多數情況下,它們表現出來的效果也大致相同,所不同的是,<b>標籤是一個實體標籤,它所包圍的字元將被設為bold(粗體),而<strong>標籤是一個邏輯標籤,它的作用是加強字元的語氣,一般來說,加強字元的語氣是通過將字元變為bold(粗體)來實現的。但是在不同的HTML解譯器下,情況也可能有所不同。
在實際網頁設計中有兩種情況
1.從用戶端考慮
為使頁面效果受用戶端因素影響變為最小,應該盡量使用實體標籤b
經常我們如果在某一篇文章中。需要加粗的關鍵詞用strong,而需要加粗的某句話來引起使用者注意的話。還是需要用B的。而只有在某些地方感覺粗體更美觀些的時候才會用到CSS的font-weight:bold屬性。但從SEO方面考濾的話,b和CSS的Font-weight:bold基本上沒什麼區別了。
並不是說有了strong,就淘汰了b,b就因為自己表示的是字型加粗,恰巧跟strong預設情況下強調的效果一致,其實這個strong完全可以定義成別的樣式的強調效果。
2.從w3c標準考慮
為了符合現在W3C的標準,還是推薦使用strong標籤
strong標籤:視覺效果加粗。HTML語義為強調,表示語氣上的強調、加重。
當盲人使用螢幕助讀程式上時能夠明顯能體現出B與Strong的不同。遇到B時與處理一般詞語一樣進行閱讀,遇到Strong時回加重與停頓.
b標籤:視覺效果加粗。本身不具備HTML語義。
html中b標籤和strong標籤的區別總結:
html b加粗與html strong加粗本質沒有區別,用法文法也沒有區別,建議大家不要刻意追求此問題;就按照平時習慣使用這兩者加粗標籤即可;html b加粗標籤是比較早的html出現使用加粗功能標籤,而html strong稍後一點,至今所有瀏覽器都支援這兩者加粗功能。
以上就是這篇文章的全部內容了,有什麼疑問可以在下方提問