html中b標籤和strong標籤的差別是什麼? b和strong區別的總結

寻∝梦
發布: 2018-09-01 14:47:02
原創
17283 人瀏覽過

本篇文章主要的講述了關於html中的b標籤和strong標籤的區別。並分別介紹了b標籤和strong標籤加粗情況的一些細節,最後還有關於html b標籤和strong標籤的總結,最後我們來看看關於這篇文章吧

##首先本篇文章給HTML中b標籤與strong標籤各自做個自我介紹:

HTML中的b標籤加粗標籤元素告訴瀏覽器把其加b標籤的文字以粗體方式顯示給瀏覽者。對於所有瀏覽器來說,這意味著要把這段文字加粗(粗體)樣式方式呈現給大家顯示

HTML中的strong標籤< ;/strong>加粗標籤元素告訴瀏覽器把其加上strong標籤的文字以加粗方式顯示給瀏覽者。對所有瀏覽器來說,這意味著要把這段文字加粗呈現給大家顯示。 Html strong加粗標籤與html b加粗標籤顯示效果相同,兩者都將內容文字加粗方式顯示呈現,兩者都可以選擇使用

再來一個一個的看代碼實例還有效果圖:

PHP中文网!<br/>
PHP中文网的网址是<b>www.php.cn</b> !<br/>
我被HTML b标签<b>加粗的</b>。
登入後複製

這個的效果如下:

html中b標籤和strong標籤的差別是什麼? b和strong區別的總結#

PHP中文网!<br/>
PHP中文网的网址是<strong>www.php.cn</strong> !<br/>
我被HTML strong标签<strong>加粗的</strong>。
登入後複製

strong標籤的實例效果圖如下:

html中b標籤和strong標籤的差別是什麼? b和strong區別的總結##看了這麼多,應該還是沒怎麼看懂吧。

現在再來看看一些b標籤和strong標籤的細節說明:

#strong代表其中內容文字的意義。 b代表其中文字的樣式是粗體。在html規範中二者的區別基本上看不出來。在xhtml中由於強調「樣式與內容的分離」所以代表樣式的b被掏汰了。取而代之的是其它標籤。注意,不是strong代替了b。 strong代表強調,你可以自訂任何樣式來代表強調。只是strong的預設樣式與b相同而已。

是加重語氣標籤;是粗體標籤

它們起的均是加粗字體的作用。在大多數情況下,它們表現出來的效果也大致相同,所不同的是,標籤是一個實體標籤,它所包圍的字符將被設為bold(粗體),而標籤是一個邏輯標籤,它的作用是加強字元的語氣,一般來說,加強字元的語氣是透過將字元變為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稍後一點,至今所有瀏覽器都支持這兩者加粗功能。

以上就是這篇文章的全部內容了,有什麼疑問可以在下方提問

【小編推薦】

html font標籤如何設定字體大小? html font標籤屬性用法介紹


html中的document物件是什麼?一篇文章讓你了解document物件

以上是html中b標籤和strong標籤的差別是什麼? b和strong區別的總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板