登陸

用戶

上一篇:屬于Web開發人員的5個HTML5文本編輯器 下一篇:分享5個主流的HTML5開發工具

轩辕传奇九鼎:你應該使用HTML5的header和footer標簽嗎?

榮華軟件  1623  0   2017-12-22 09:44

轩辕传奇职业推荐2019 www.sjxvw.icu 這是個好問題。我的回答是“應該用”。這兩個元素(包括< nav>和< main>)是在某些瀏覽器上給用戶帶來一些便利的輔助技術。

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


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

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


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

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

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


更新:  5月13號


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

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

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


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

0條回答

登陸后可回復

  1. 登陸
  2. 注冊
服務熱線

400-692-8081

( 周一至周五 09:00-17:00 )

聯系我們

名稱:煙臺榮華軟件科技有限公司

地址:煙臺市高新區航天路101號C棟5樓516

座機:0535-3458081

郵箱:[email protected]

Q Q:327195471

[email protected] 煙臺榮華軟件科技有限公司 版權所有 魯ICP備14003838號-1