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

在HTML5之前，想通過純CSS實現手風琴效果一般是借助checked或者target來完成，不過，HTML5提供了details元素，我們可以光明正大的拿來做手風琴了。

現在根據這篇文章The details and summary elements來實際操作一下。

網友評論