本篇文章主要的講述了關於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>。這個的效果如下:
#
PHP中文网!<br/> PHP中文网的网址是<strong>www.php.cn</strong> !<br/> 我被HTML strong标签<strong>加粗的</strong>。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中文網其他相關文章!

在Bootstrap4中實現多項目輪播的解決方案在Bootstrap4中實現多項目輪播並不是一件簡單的事情。雖然Bootstrap...

如何實現鼠標滾動事件穿透效果?在我們瀏覽網頁時,經常會遇到一些特別的交互設計。比如在deepseek官網上,�...

無法直接通過CSS修改HTML視頻的默認播放控件樣式。 1.使用JavaScript創建自定義控件。 2.通過CSS美化這些控件。 3.考慮兼容性、用戶體驗和性能,使用庫如Video.js或Plyr可簡化過程。

在手機上使用原生select的潛在問題在開發移動端應用時,我們常常會遇到選擇框的需求。通常情況下,開發者傾...

在手機上使用原生select的弊端是什麼?在移動設備上開發應用時,選擇合適的UI組件是非常重要的。許多開發者�...

使用Three.js和Octree優化房間內第三人稱漫遊的碰撞處理在Three.js中使用Octree實現房間內的第三人稱漫遊並添加碰�...

使用原生select在手機上的問題在移動設備上開發應用時,我們經常會遇到需要用戶進行選擇的場景。雖然原生sel...

探究鼠標滾動事件的實現原理在瀏覽一些網站時,你可能注意到某些頁面元素在鼠標懸停時仍然允許滾動整個頁...


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。