問題描述

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

問題解答

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

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

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

strong是標明重點內(nèi)容，有語氣加強的含義，使用閱讀設(shè)備閱讀網(wǎng)絡(luò)時：strong會重讀，而b是展示強調(diào)內(nèi)容。

i內(nèi)容展示為斜體，em表示強調(diào)的文本；

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