HTML新增的語義化標簽及其作用


在html5中,新增了幾個語義化標簽:<article>、<section>、<aside>、<hgroup>、 <header>,<footer>、<nav>、<time>、<mark>、<figure> 和<figcaption>等。

1.什么是HTML語義化?

通過標簽判斷內容語義,例如根據h1標簽判斷出內容是標題,根據<p>判斷內容是段落、<input>標簽是輸入框等。

2.為什么要語義化?

1).去掉或樣式丟失的時候能讓頁面呈現清晰的結構

2).方便其他設備解析(如屏幕閱讀器、盲人閱讀器、移動設備)以意義的方式來渲染網頁

3).有利於SEO

4).便於團隊開發和維護,遵循W3C標准,可以減少差異化

3.如何確定你的標簽是否語義良好?

去掉樣式,看網頁結構是否組織良好有序,是否仍然有很好的可讀性。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM