html - h5语义化是如何提高用户体验的,具体体现在哪些方面?
ringa_lee
ringa_lee 2017-04-17 14:35:06
0
2
627

h5语义化是如何提高用户体验的,具体体现在哪些方面?

ringa_lee
ringa_lee

ringa_lee

全部回覆(2)
PHPzhong

語義化我覺得是更提高了項目的維護性w3c規範建議我們將結構表現行為分離開來語義化標籤就起到了這樣的作用語義化標籤大多數都有自己的樣式在一定程度上減少了代碼量形成了統一的樣式例如一級標題二級標題等也讓我們所見即所得頭內容腳步都一目了然壓縮了項目熟悉時間提高了規範性

阿神

簡單的例子:strong標籤,原先有個b標籤,其實效果是一樣一樣的。但是在SEO,最明顯的在閱讀器上面表現不同。 strong標籤的內容就說重讀,利於強調。
說點不好聽的,你及時寫的啥都不是,CSS樣式都可以幫你展現成你想要的。
但是搜尋引擎爬蟲是抓取你的HTML頁面,語意化好的話,就如你文章寫的工整,方便它的「閱讀」。

title屬性沒有明確意義只表示是個標題,h1則表示層次明確的標題,對頁面資訊的抓取也有很大的影響;

strong是標明重點內容,有語氣加強的含義,使用閱讀設備閱讀網絡時:strong會重讀,而b是展示強調內容。

i內容呈現為斜體,em表示強調的文字;

Physical Style Elements -- 自然樣式標籤
b, i, u, s, pre Semantic Style
Elements -- 語意樣式標籤
strong, em, ins, del, code 應該準確使用語意樣式標籤
strong, em, ins, del, code 應該準確使用語意樣式標籤, 但不能濫用,

如果不能確定時首選使用自然樣式標籤。
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!