問題描述

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

問題解答

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

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

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

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

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

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