完成了基本的頁面布局，就可以使用panel添加內容了，添加的內容在標簽<div?id="content">?內部。 ? 每一個panel其實就是一個div，但類屬性是panel，每一個panel在智能設備上都顯示為一個頁面，有點像webform中的page，或者是winform中的form。都會展示為一個頁面。也就是說如果在<div?id="content">的內部有很多**panel，每次只能顯示一個panel，關閉后才能顯示另外一個panel。** ** 一個最基本的panel** ?** ** ~~~ <div id="home" class="panel"> <h3>home</h3> <p>Home panel</p> </div> ~~~ ?panel的屬性介紹： **?selected="true" 可以是這個panel變成默認的panel，在app啟動時，用戶首先看到的便是這個panel，有些類似webform中的起始頁，winform中的啟動項。** **?modal="true" ? 有點類似于模式彈出窗口，但彈出后，會占居整個屏幕，登錄頁面就應該使用。** **例如：** ** ~~~ <div class="panel" id="login" modal="true"> </div> <!-- Modal window --> ~~~ data-header="id"? 自定義header data-footer="id"? 自定義footer data-nav="id" ? ? 左側的導航條 data-defer="filename.html" ?官方文檔是可以根據設置的地址給panel加載內容。官方說可以使用遠程地址，但我測試，似乎不行，但本地是可以的。遠程就要涉及一個跨域訪問的問題。目前還不知道如何加載遠程的內容。 data-tab="anchor_id" ? 在此panel顯示時，將選中footer中id為**anchor_id的選項。** data-load="func_name" ?在panel加載后，執行的方法。有點類似為winform中的formload函數，初步試驗，這個方法在panel每次是當前內容時，也就是在當前頁面時都會執行。 data-unload="func_name"??**在panel**unload**后執行的方法** **title="home" ? ?官方文檔沒有，可以設定header的顯示的內容。** ** ** **[官方教程](http://software.intel.com/en-us/html5/articles/creating-content-using-panels)** [官方panel屬性介紹](http://app-framework-software.intel.com/documentation.php#afui/afui_panels)