定義頭部官方說有三種，一種是公共的，兩種自定義的。我經過測試，實際上還有第四種。 **1定義公共的header，** 也就是所有panel默認的header，需要在div id="afui">內部，也就是和<div id="content">同一級的位置添加一個header 標簽，并且id必須是header 例如： ~~~ <header id="header"> <h1>協同辦公平臺header</h1> <a id="A3" href="javascript:;" class="button" >返回</a> </header> ~~~ 2**自定義的兩種header** **第一種在div id="afui">內部，也就是和<div id="content">同一級的位置加一個header 標簽，并且命名id。** **然后再需要這個header的panel添加一個屬性`data-header``=``"custom_header"`** 例如： ~~~ <div id="content"> <div class="panel" id="main" data-header="custom_header"> <!-- content goes here --> </div> </div> <header id="custom_header"> <h1>Welcome</h1> <a class="button" style="float:right;" class="icon home"></a> </header> ~~~ 第二種就是在需要自定義的panel的div內部定義一個**header** **例如：** ~~~ <div id="content"> <div class="panel" id="main"> <!-- this can really go anywhere in the panel, but we'll put it at the top --> <header> <h1>Welcome</h1> <a class="button" style="float:right;" class="icon home"></a> </header> <!-- content goes here --> </div> </div> ~~~ **3就是給相應的標簽定義title屬性，系統也會自動生成header** **例如：** ~~~ <div id="content"> <div class="panel" id="main" title="Welcome"> <!-- content goes here --> </div> </div> ~~~ 注意事項：如果定義了title，同時還會有公共的header或者是自定義header，則會出現兩個header同時顯示的情況，導致顯示混亂。 這四種定義header的方法對于panel來說都可以，但前三種對與其他標簽就不行了。但定義title的方式定義header還是可以的。 例如如下代碼： ~~~ <div id="wodezhanghu" class="panel" data-header="customheader"> <a href="wodezhanghu.html" title="我的賬戶" data-header="customheader" data-persist-ajax="true">我的賬戶</a> </div> ~~~ panel的data-header有作用，a標簽的data-header就沒有作用，title定義的header可以使用。 修改header的返回按鈕文字，默認情況下，顯示英文back,可以使用腳本修改為其他文字 例如：修改為“返回” $.ui.backButtonText = "返回"; [官方文檔](http://app-framework-software.intel.com/documentation.php#afui/afui_layout)