AG积分

座機: 029-81773686 熱線: 18966895139
網頁制作、網絡營銷、維護推廣、手機網站制作一站式解決方案
十分感謝六年來與我們攜手共進的朋友們、客戶們!
你應該使用HTML5的header和footer標簽嗎?
添加時間:2016-02-17  點擊率:1190次
“我現在還沒有用例如
這樣的標簽。我非常驚奇現在有那么多的瀏覽器開始支持它們了,但是我仍然不知道它們到底比div好在哪了?”

“我現在還沒有用例如<header>和<footer>這樣的標簽。我非常驚奇現在有那么多的瀏覽器開始支持它們了,但是我仍然不知道它們到底比div好在哪了?”

 

這是個好問題。我的回答是“應該用”。這兩個元素(包括<nav>和<main>)是在某些瀏覽器上給用戶帶來一些便利的輔助技術。


在HTML的規范中,。有一些可能被作者重寫了,如果還沒有變,他們只是實現了ARIA默認的語法。一個<header>元素不是繼承或映射自role=banner的文章或段落;它僅是被包含的,自由的HTML元素;


這些不是每處都需要實現的; Steve Faulkner的 html5accessibility.com 采用tabs的實現。例如,<footer>會讓chrome在IA2中將其解析成一個<footer>,Firefox會解析成ARIA標簽role="contentinfo"。(當不是一篇文章或段落中的元素時)


這些對用戶是有用的,我們可以看看 , (它顯示出,相比第一次,用戶在訪問網站的時侯比之前的調查更加積極了。)


當問到“你在屏幕上滑到這個地標/區域的頻率有多高?”(例如:"contentinfo", "banner", "main", "navigation"), 26%的人回答: “當它們可見時”。


20%的人認為每頁1~3個標簽/區域,是極好的;29%的人認為4~6個是合適的數字。


所以我的建議是: 對的,使用它們-特別是主要的幾個,如<header>, <footer>, <nav> 還有 (每頁一個的) <main>。在不支持它們的瀏覽器或設備上,它們不會引起問題。但是不要濫用。



當你內容需要的時侯,盡可能多的使用<header>, <footer> - 只有當主header/footer用來實現banner和contentinfo的角色時。至少要使用它們一次(就像你有一個頁眉、頁腳一樣)。

對首要的導航使用<nav>標簽。

使用<main>,但每頁僅使用一次。


補充* nav, footer, header 這些標簽可以讓手機瀏覽器/webview等更好地適配,用戶體驗更好。但IE8以下瀏覽器并不原生支持,純桌面應用并不適合;也可使用  兼容支持,它原理是將這些html5標簽轉換為DIV顯示。

?
版權所有 ? AG积分宏博網絡,并保留所有權利
客服中心

AG积分


展開客服