html - h5語義化是如何提高用戶體驗的，具體體現在哪些方面？

問題描述

h5語義化是如何提高用戶體驗的，具體體現在哪些方面？

問題解答

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

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

title屬性沒有明確意義只表示是個標題，h1則表示層次明確的標題，對頁面信息的抓取也有很大的影響；

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

i內容展示為斜體，em表示強調的文本；

Physical Style Elements -- 自然樣式標簽 b, i, u, s, pre Semantic StyleElements -- 語義樣式標簽 strong, em, ins, del, code 應該準確使用語義樣式標簽, 但不能濫用,如果不能確定時首選使用自然樣式標簽。