HTML5離線緩存的作用是什么

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

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

css選擇器：

（1）標(biāo)記選擇器（簡(jiǎn)單選擇器）

（2）class選擇器

.s1{

屬性名：屬性

}

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

div.s1{

font-size;120px;

}

（3）id選擇器

#d1{

font-size:italic;

font-weight:900;

}

除此之外，寫(xiě)第一個(gè)HTML5 App

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

在項(xiàng)目根目錄下，創(chuàng)建兩個(gè)新目錄:

/libs

/assets/www

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

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

復(fù)制xml整個(gè)目錄（從PhoneGap解壓縮后的Android目錄中，包括一個(gè)plugins.xml）到/res?！?/span>v1.0 rc2以上】

對(duì)Eclipse的src文件夾中的主要Java文件進(jìn)行少量調(diào)整。

將class的繼承由Activity改為DroidGap

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

添加import com.phonegap.*;

移除import android.app.Activity;

在這里你可能會(huì)遇到Eclipse找不到phonegap-1.0.0.jar的錯(cuò)誤。在這種情況下，右鍵單擊/libs文件夾找到Build Paths/ > Configure Build Paths。然后在Libraries標(biāo)簽頁(yè)中添加phonegap-1.0.0.jar到項(xiàng)目中。如果Eclipse不是很穩(wěn)定，你需要點(diǎn)擊F5刷新一次項(xiàng)目。

最后介紹一些關(guān)于HTML5

簡(jiǎn)單的操作的一些技巧

：

重要標(biāo)記

（1）鏈接

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

target="_black":在新的窗口中打開(kāi)鏈接

target="_selt":缺省值，在當(dāng)前窗口中打開(kāi)

（2）圖片鏈接

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

border屬性值：為了去掉默認(rèn)邊框。

（3）發(fā)郵件

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

（4）錨點(diǎn)（在同一頁(yè)面進(jìn)行跳轉(zhuǎn)）

<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>

表格的對(duì)齊

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

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

不規(guī)則表格

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

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

表格可以嵌套

表格的完整定義

<table>

<caption>主題</caption> 只能是0個(gè)或者1個(gè)

<thead>表頭</thead> 只能是0個(gè)或者1個(gè)

<tfoot>表腳</tfoot>

<tbody>表體</tbody>

</table>

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