?
This document uses PHP Chinese website manual Release
在通過 CSS 自動添加分隔符的導航層次結(jié)構(gòu)中指示當前頁面的位置。
分隔符通過::before
和content
自動添加到CSS中。
<nav aria-label="breadcrumb" role="navigation"> <ol class="breadcrumb"> <li class="breadcrumb-item active" aria-current="page">Home</li> </ol></nav><nav aria-label="breadcrumb" role="navigation"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="#">Home</a></li> <li class="breadcrumb-item active" aria-current="page">Library</li> </ol></nav><nav aria-label="breadcrumb" role="navigation"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="#">Home</a></li> <li class="breadcrumb-item"><a href="#">Library</a></li> <li class="breadcrumb-item active" aria-current="page">Data</li> </ol></nav>
由于breadcrumbs提供導航,因此最好添加一個有意義的標簽,例如aria-label="breadcrumb"
描述<nav>
元素中提供的導航類型,并將該元素應用于aria-current="page"
該集合的最后一項,以表示它代表當前頁面。
有關(guān)更多信息,請參閱 breadcrumb模式WAI-ARIA創(chuàng)作實踐。