在上一篇隨筆讀書筆記：《HTML5開(kāi)發(fā)手冊(cè)》--figure、time、details、mark中，介紹了語(yǔ)義化標(biāo)簽details，如果還不知道其用法的可以點(diǎn)進(jìn)去看一眼，本次就特地實(shí)戰(zhàn)一下。
在HTML5之前，想通過(guò)純CSS實(shí)現(xiàn)手風(fēng)琴效果一般是借助checked或者target來(lái)完成，不過(guò)，HTML5提供了details元素，我們可以光明正大的拿來(lái)做手風(fēng)琴了。
現(xiàn)在根據(jù)這篇文章The details and summary elements來(lái)實(shí)際操作一下。
