回覆列表
-
1 # 隨波逐流雲飛揚
-
2 # SevDot
從直觀上來看看,<b>和<strong>在瀏覽器上,預設樣式都可以給文字加粗,但是使用自己編寫的CSS樣式,都可以改變其樣式,並且都是內聯級元素,所以很多初學者可能誤解或者不知道區別<b>和<strong>。
其實這兩個標籤最大的區別在於他們的語義,理解兩者之間的語義差異很重要。<b> 在語義上是樣式或者風格需求,表示加粗字型,而<strong>在語義上是起強調、突出的作用,由於日常文件中強調、突出常常用加粗體現。所以瀏覽器預設樣式中,<b>和<strong>都是對字型的加粗,但是兩者語義是不同的,在編寫HTML程式碼時候要區分兩者的使用,選擇正確的使用。
下面我舉一個簡單例子:
<p><strong> 警告:</stong>小心落石。<p>
<p>芹菜牛肉這道菜需要<b>芹菜</b>和<b>牛肉</b>。<p>
結果如下:
兩者在網頁中顯示效果類似,但實際目的不同:<b>這個標籤對應 bold,即文字加粗,其目的僅僅是為了加粗顯示文字,是一種樣式/風格需求;<strong>這個標籤意思是加強,表示該文字比較重要,提醒讀者/終端注意。
從網站最佳化方面分析,<strong> XX</strong>內的內容比起<b>XX</b>的內容應該更容易被網路蜘蛛抓取,也就是更容易使網站被使用者搜尋到。