定义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)