HTML5離線緩存的作用是什么

這篇“HTML5離線緩存的作用是什么”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“HTML5離線緩存的作用是什么”文章吧。

HTML5 Web Storage API可以看做是加強版的cookie，不受數據大小限制，有更好的彈性以及架構，可以將數據寫入到本機的ROM中，還可以在關閉瀏覽器后再次打開時恢復數據，以減少網絡流量。同時，這個功能算得上是另一個方向的后臺“操作記錄”，而不占用任何后臺資源，減輕設備硬件壓力，增加運行流暢性。在線app支持邊使用邊下載離線緩存，或者不下載離線緩存；而離線app必須是下載完離線緩存才能使用。

css選擇器：

（1）標記選擇器（簡單選擇器）

（2）class選擇器

.s1{

屬性名：屬性

}

還有一種有名字的class選擇器，如下：

div.s1{

font-size;120px;

}

（3）id選擇器

#d1{

font-size:italic;

font-weight:900;

}

除此之外，寫第一個HTML5 App

啟動Eclipse，然后在菜單“File”下選擇“New > Android Project”。

在項目根目錄下，創建兩個新目錄:

/libs

/assets/www

復制phonegap.js（從PhoneGap解壓縮后的Android目錄中，將解壓縮后的帶版本號的js文件名修改為phonegap.js）到/assets/www。

復制phonegap.jar（從PhoneGap解壓縮后的Android目錄中，將解壓縮后的帶版本號的jar文件名修改為phonegap.jar）到/libs。

復制xml整個目錄（從PhoneGap解壓縮后的Android目錄中，包括一個plugins.xml）到/res。【v1.0 rc2以上】

對Eclipse的src文件夾中的主要Java文件進行少量調整。

將class的繼承由Activity改為DroidGap

將setContentView()替換為super.loadUrl(“file:///android_asset/www/index.html”);

添加import com.phonegap.*;

移除import android.app.Activity;

在這里你可能會遇到Eclipse找不到phonegap-1.0.0.jar的錯誤。在這種情況下，右鍵單擊/libs文件夾找到Build Paths/ > Configure Build Paths。然后在Libraries標簽頁中添加phonegap-1.0.0.jar到項目中。如果Eclipse不是很穩定，你需要點擊F5刷新一次項目。

最后介紹一些關于HTML5

簡單的操作的一些技巧

：

重要標記

（1）鏈接

<a href="地址” target="打開的窗口" title="提示信息"></a>

target="_black":在新的窗口中打開鏈接

target="_selt":缺省值，在當前窗口中打開

（2）圖片鏈接

<a href="地址" border="0"><img src="test.jpg"></a>

border屬性值：為了去掉默認邊框。

（3）發郵件

<a href="mailto:739299362@qq.com?subject=hello">發郵件</a>

（4）錨點（在同一頁面進行跳轉）

<a name="top">跳到這里</a>

<a href="#top">跳到top</a>

（5）表格

<table border="1" width="60%" cellpadding="10" cellspacing="0">

<tr><td>表格一</td><td>表格二</td></tr>

<tr><td>BIAOGE</td><td>BIAOGE</td></tr>

</table>

表格的對齊

align屬性：水平對齊。 值：left(缺省)：偏左／rignt/center

valign屬性：垂直對齊。 值：top/bottom(缺省)/middle

不規則表格

colspan屬性：合并水平單元格(合并列)

rowspan屬性：合并豎直單元格(合并行)

表格可以嵌套

表格的完整定義

<table>

<caption>主題</caption> 只能是0個或者1個

<thead>表頭</thead> 只能是0個或者1個

<tfoot>表腳</tfoot>

<tbody>表體</tbody>

</table>

以上就是關于“HTML5離線緩存的作用是什么”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。