定義footer的方式和定義[header](http://blog.csdn.net/xuexiaodong009/article/details/18088079)方式基本一樣，有三種方式 1定義公共的footer 也就是所有panel默認的footer，需要在div id="afui">內部，也就是和<div id="content">同一級的位置添加一個div，并且ID必須是navbar 例如： ~~~ <div id="navbar"> <a href="#home" id='navbar_home' class='icon home'>home</a> <a href="#sketch" id='navbar_pencil' class='icon pencil'>Sketch</a> <a href="#picture" id='navbar_picture' class='icon picture'>Picture</a> </div> ~~~ 2自定義footer有兩種方式和自定義header有些類似 **第一種在div id="afui">內部，也就是和<div id="content">同一級的位置添加一個footer 標簽，并且命名id。** **然后再需要這個footer的panel添加一個屬性`data-footer``=``"custom_footer"`** 例如： ~~~ <div id="afui"> <div id="content"> <div class="panel" id="panel1" data-footer="myfooter"> <h3>panel contents</h3> </div> </div> <footer id="myfooter"> <h1>Custom footer</h1> <a class="button" style="float:left;" class="icon home"></a> </footer> </div> ~~~ 第二種就是在需要自定義的panel的div內部定義一個footer 例如： ~~~ <div id="afui"> <div id="content"> <div class="panel" id="panel1"> <footer> <h1>Custom Footer</h1> <a class="button" style="float:left;" class="icon home"></a> </footer> <h3>Panel content </h3> </div> </div> </div> ~~~ 參照[使用appframework開發app基礎：定義header](http://blog.csdn.net/xuexiaodong009/article/details/18088079)很明顯少了，通過**title定義footer的方式。** [官方文檔參考，定義公共的footer](http://software.intel.com/en-us/html5/articles/getting-started-with-intel-app-framework-20-beta) [官方文檔：自定義footer](http://software.intel.com/en-us/html5/articles/customize-headers-and-footers-with-app-framework)