html的語義化标簽?html5推出了大量的語義化标簽, 如 main, section,footer等在前端開發中,更常見的卻是div span一把梭語義化标簽的使用問題,也經常在網上讨論我剛學開發前端的時候,對各式各樣的html5标簽的認識不多,初學的時候,也沒有系統地去學習後面開發多了,才多學習使用了一些,今天小編就來聊一聊關于html的語義化标簽?接下來我們就一起去研究一下吧!
html5推出了大量的語義化标簽, 如 main, section,footer等。在前端開發中,更常見的卻是div span一把梭。語義化标簽的使用問題,也經常在網上讨論。我剛學開發前端的時候,對各式各樣的html5标簽的認識不多,初學的時候,也沒有系統地去學習。後面開發多了,才多學習使用了一些。
從技術層面,語義化标簽是w3c設計推出的,是web标準。web開發應該遵守和使用。但在實際使用層面,語義化标簽并沒有預想的那麼好。
語義化标簽在實際開發中,并沒有比直接用div,span有多少太多優勢。在我們日常的許多項目中,很多無需考慮搜索引擎優化、浏覽器識别、無障礙處理等。語義化标簽能呈現的樣式,用div span一樣能呈現出來。大量不同的語義化标簽和各自的屬性,相比直接用div span,實際上需要開發人員記憶更多的内容。在頁面布局的時候,如果要最優實踐語義化标簽,還需要考慮各個布局使用的标簽類型,這也是新的負擔。
語義化标簽相對于div span的一個優勢,就是機器無障礙識别。國内開發的絕大多數項目,都沒有做這方面的處理。w3c在無障礙識别方面,推出了aria-系列标簽屬性,滿足機器讀屏需要。現在各個廠開發的小程序,基本上都是使用這一方案。
優雅地使用語義化标簽,實際上很考驗一個人的前端開發能力。div span将,并将長期是前端開發的事實。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!