語義化的意思根據內容使用適合的標簽,而不是看設計效果來使用標簽。所以,我們是要看這一塊的內容跟整個文檔的關系,如果這一塊內容長得像側邊欄,就輕率地使用aside標簽,而不考慮其實它是這個文檔的導航,只是它剛好長得有點像邊欄,我們應該使用nav標簽才能正確表達它是導航的意思。
所以在看設計稿的時候,我們需要用心去讀懂一個文檔,這個文檔哪一部分起到引導的作用,哪一部分是主題內容,主題內容又是怎樣劃分模塊的,有沒有作者版權聯系信息等。我們應該從文字去理解它是什麼含義,而不是它看起來像什麼。
我們做的這些,對普通用戶可能沒有什麼意義,但是對於無障礙,以及爬蟲是很重要的。良好的結構能讓機器更好地理解我們網頁想要表達的重點。做到人和機器都能容易地理解前端工程師的意圖,是我們的終級追求。