何為HTML語義化
語義化是指根據(jù)內(nèi)容的結(jié)構(gòu)化(內(nèi)容語義化)及舍,選擇合適的標簽(代碼語義化)哆档,便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時砌左,讓瀏覽器的爬蟲和機器很好的解析。
為什么要語義化师崎?
- 有利于SEO(搜索引擎優(yōu)化)默终,有助于爬蟲抓取更多的有效信息,爬蟲是依賴于標簽來確定上下文和各個關(guān)鍵字的權(quán)重犁罩。
- 語義化的HTML在沒有CSS的情況下也能呈現(xiàn)較好的內(nèi)容結(jié)構(gòu)與代碼結(jié)構(gòu)
- 方便其他設(shè)備的解析
- 便于團隊開發(fā)和維護
應(yīng)該注意什么齐蔽?
- 盡可能少的使用無語義的標簽div和span;
- 在語義不明顯時昼汗,既可以使用div或者p時肴熏,盡量用p, 因為p在默認情況下有上下間距鬼雀,對兼容特殊終端有利顷窒;
- 不要使用純樣式標簽,如:b、font鞋吉、u等鸦做,改用css設(shè)置。
- 需要強調(diào)的文本谓着,可以包含在strong或者em標簽中(瀏覽器預(yù)設(shè)樣式泼诱,能用CSS指定就不用他們),strong默認樣式是加粗(不要用b)赊锚,em是斜體(不用i)治筒;
- 使用表格時,標題要用caption舷蒲,表頭用thead耸袜,主體部分用tbody包圍,尾部用tfoot包圍牲平。表頭和一般單元格要區(qū)分開惫周,表頭用th睡汹,單元格用td;
- 表單域要用fieldset標簽包起來,并用legend標簽說明表單的用途疙剑;
- 每個input標簽對應(yīng)的說明文本都需要使用label標簽,并且通過為input設(shè)置id屬性辈末,在lable標簽中設(shè)置for=someld來讓說明文本和相對應(yīng)的input關(guān)聯(lián)起來瓶蝴。