如題,我們的標籤元素寫上後,瀏覽器就會渲染出結果,但不僅僅是這麼簡單。
//物理元素
>
我想用b標籤加粗b
>
//邏輯元素
>
我想用strong標籤加粗strong
>
//兩段文字都加粗了,而且視覺效果完全一樣
確實,文字加粗了,兩者都達到了我們想要的目的,但是我們忽略了乙個問題,既然b標籤可以加粗,那麼strong這個標籤同樣是加粗,存在的 意義又是什麼呢?既然w3c定義了兩個,它們之間的不同點是什麼呢?它們之間的相同點又是什麼呢?
物理元素,又叫實體標籤,它所做的是一種物理行為,比如上面我把一段文字用b標籤加粗了,它所傳達的給瀏覽器,告訴瀏覽器 我要加粗這段文字,從單詞bold中也可以看出來,英文中僅僅是加粗的意思,並沒有其他作用。總結來說就是一句話: 物理元素就是告訴瀏覽器該怎麼顯示出來。
邏輯元素,從英文本面上strong就可以看出它是強調的意思,所以我們用這個邏輯元素(如上strong)來向瀏覽器傳達 乙個強調某段文字重要性的訊息,說明此文字較為重要,也有利於搜尋引擎收錄。
web標準主張xhtml不涉及具體的表現形式,「強調」可以用加粗來強調,也可以用別的方式強調,也可以通過css來改變strong的具體表現 ,還有就是並不是有了strong邏輯標籤,就不用b標籤來表示字型加粗了,b標籤和strong標籤預設情況下強調的效果一致,strong完全可以定義成別的樣式,用來強調 效果,但是最好符合w3c標準,它更提倡內容與樣式分離,所以單純為了達到加粗而使用b標籤不建議這樣做, 從xhtml文件有意義性及使用者體驗角度來說,strong邏輯標籤更加合適,而seo方面,則針對優化情況而定。
邏輯元素與物理元素區別
感謝 如題,我們的標籤元素寫上後,瀏覽器就會渲染出結果,但不僅僅是這麼簡單。物理元素 我想用b標籤加粗b 邏輯元素 我想用strong標籤加粗strong 兩段文字都加粗了,而且視覺效果完全一樣確實,文字加粗了,兩者都達到了我們想要的目的,但是我們忽略了乙個問題,既然b標籤可以加粗,那麼strong...
塊元素與內聯元素的區別
塊元素 塊元素又名塊級 元素 block element 和其對應的是內聯元素 inline element 都是html規範中的概念。塊元素和內聯元素的基本差異是塊元素一般都從新行開始,相鄰的塊級元素將會在不同行顯示。而當加入了css控制以後,塊元素和內聯元素的這種 屬性差異就不成為差異了。比如,...
塊元素與行內元素的區別
塊級元素會獨佔一行,預設情況下,其寬度自動填滿其父元素寬度.塊級元素可以設定width,height屬性 塊級元素即使設定了寬度,仍然是獨佔一行.塊級元素可以設定margin和padding屬性.總是從新的一行開始 塊級元素可以包含塊級元素和行內元素 可以自動換行 相鄰元素垂直。相鄰外邊距會重疊 行...