84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
h5语义化是如何提高用户体验的,具体体现在哪些方面?
ringa_lee
語義化我覺得是更提高了項目的維護性w3c規範建議我們將結構表現行為分離開來語義化標籤就起到了這樣的作用語義化標籤大多數都有自己的樣式在一定程度上減少了代碼量形成了統一的樣式例如一級標題二級標題等也讓我們所見即所得頭內容腳步都一目了然壓縮了項目熟悉時間提高了規範性
簡單的例子:strong標籤,原先有個b標籤,其實效果是一樣一樣的。但是在SEO,最明顯的在閱讀器上面表現不同。 strong標籤的內容就說重讀,利於強調。 說點不好聽的,你及時寫的啥都不是,CSS樣式都可以幫你展現成你想要的。 但是搜尋引擎爬蟲是抓取你的HTML頁面,語意化好的話,就如你文章寫的工整,方便它的「閱讀」。
strong
b
SEO
title屬性沒有明確意義只表示是個標題,h1則表示層次明確的標題,對頁面資訊的抓取也有很大的影響; strong是標明重點內容,有語氣加強的含義,使用閱讀設備閱讀網絡時:strong會重讀,而b是展示強調內容。 i內容呈現為斜體,em表示強調的文字; Physical Style Elements -- 自然樣式標籤b, i, u, s, pre Semantic StyleElements -- 語意樣式標籤strong, em, ins, del, code 應該準確使用語意樣式標籤strong, em, ins, del, code 應該準確使用語意樣式標籤, 但不能濫用,如果不能確定時首選使用自然樣式標籤。
title屬性沒有明確意義只表示是個標題,h1則表示層次明確的標題,對頁面資訊的抓取也有很大的影響;
title
h1
strong是標明重點內容,有語氣加強的含義,使用閱讀設備閱讀網絡時:strong會重讀,而b是展示強調內容。
i內容呈現為斜體,em表示強調的文字;
i
em
Physical Style Elements -- 自然樣式標籤b, i, u, s, pre Semantic StyleElements -- 語意樣式標籤strong, em, ins, del, code 應該準確使用語意樣式標籤strong, em, ins, del, code 應該準確使用語意樣式標籤, 但不能濫用,
語義化我覺得是更提高了項目的維護性w3c規範建議我們將結構表現行為分離開來語義化標籤就起到了這樣的作用語義化標籤大多數都有自己的樣式在一定程度上減少了代碼量形成了統一的樣式例如一級標題二級標題等也讓我們所見即所得頭內容腳步都一目了然壓縮了項目熟悉時間提高了規範性
簡單的例子:
strong
標籤,原先有個b
標籤,其實效果是一樣一樣的。但是在SEO
,最明顯的在閱讀器上面表現不同。strong
標籤的內容就說重讀,利於強調。說點不好聽的,你及時寫的啥都不是,CSS樣式都可以幫你展現成你想要的。
但是搜尋引擎爬蟲是抓取你的HTML頁面,語意化好的話,就如你文章寫的工整,方便它的「閱讀」。