在上一篇隨筆讀書筆記:《HTML5開發(fā)手冊》--figure、time、details、mark中,介紹了語義化標(biāo)簽details,如果還不知道其用法的可以點(diǎn)進(jìn)去看一眼,本次就特地實(shí)戰(zhàn)一下。

在HTML5之前,想通過純CSS實(shí)現(xiàn)手風(fēng)琴效果一般是借助checked或者target來完成,不過,HTML5提供了details元素,我們可以光明正大的拿來做手風(fēng)琴了。

現(xiàn)在根據(jù)這篇文章The details and summary elements來實(shí)際操作一下。

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式