整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
TML5技術(shù)已經(jīng)越來越被我們所接受，特別是一些3D的動畫特效。本文介紹的8個HTML5 3D動畫并沒有特別華麗的界面，但是比較實用，涉及到3D圖片、3D圖表、3D按鈕等方面，一起來看看。
1、HTML5 3D動畫柱形圖表
這次我們要來分享一款效果非?？岬腍TML5 3D柱形圖表，這款HTML5圖表和之前分享的都不一樣，主要是外觀上比較吸引人，首先圖表是3D立體的，有一種非常棒的視覺效果；其次，當鼠標劃過柱形圖表時，會有很不錯的HTML5動畫效果。
2、HTML5 3D 粒子波浪動畫特效
今天我們分享一款升級版HTML5 3D粒子波浪動畫特效，我們可以旋轉(zhuǎn)不同的視角來欣賞粒子波浪的滾動特效。HTML5在動畫制作方面的確讓人眼前一亮。
3、HTML5自定義文字背景生成QQ簽名檔
這是一款利用HTML5實現(xiàn)的自定義文字背景應(yīng)用，首先我們可以輸入需要顯示的文字，并且為該文字選擇一張背景圖片，背景圖片就像蒙版一樣覆蓋在文字上。點擊生成QQ簽名檔即可將文字背景融為一體生成另外一張圖片，你也可以下載這張擁有你QQ簽名檔的圖片。
4、HTML5坦克大戰(zhàn)游戲簡化版
今天分享的是一款簡化版的HTML5坦克大戰(zhàn)游戲，方向鍵控制坦克的行進方向，空格鍵發(fā)射子彈，命中敵方坦克后也會發(fā)出聲音，效果還算可以。
5、HTML5 3D陰影文字特效
今天我們要來分享一款非常簡單大氣的HTML5 3D文字特效，這個3D文字特效是通過文字加粗以及文字陰影來實現(xiàn)的，效果非常不錯。同時我們在html5tricks網(wǎng)站上也分享過很多炫酷的文字特效，比如CSS3文字陰影效果 陰影角度可隨鼠標變化、動感的CSS3 Loading文字特效。
6、HTML5 3D衣服擺動特效 超酷HTML5 3D動畫
今天向大家分享一款HTML5 3D衣服擺動動畫特效，動畫也是在HTML5 Canvas上完成，它模擬衣服晾在繩子上，點擊鼠標可以讓衣服擺動起來，就行風吹動它一樣，非常逼真炫酷。
7、HTML5/CSS3一組可愛的3D按鈕
這是一款利用HTML5和CSS3制作而成的按鈕組合，這款CSS按鈕非常具有個性化。該CSS3按鈕不僅具有3D的外觀，點擊按鈕也具有非常立體的效果，更具有特點的是這款CSS3按鈕的形狀是不規(guī)則的，而且按鈕中都有一個可愛的小圖標。
8、HTML5 Canvas 3D折線圖表應(yīng)用
今天我們再來討論一下關(guān)于HTML5圖表應(yīng)用的問題，這款HTML5圖表是基于canvas的3D折線圖表，圖表在初始化的時候會根據(jù)數(shù)據(jù)點把折線分割成多條線段，然后線段將逐漸懸浮到數(shù)據(jù)點對應(yīng)數(shù)值的位置。由于是3D的效果，所以圖表的折線也和其他折線圖表的不同。
以上就是8個經(jīng)典的HTML5 3D動畫賞析，希望大家喜歡。
016年只剩最后一個月了!!!
2016年只剩最后一個月了!!!
2016年只剩最后一個月了!!!
重要的事情說三遍!哈哈各位看官今年給自己立的小目標不知完成了沒?還有多少未完成的事呢?反正小編這一年渾渾噩噩的就過去了，鬼知道我經(jīng)歷了什么…
不過!!!小編這一年最大的收獲就是收集了滿滿的干貨給你們!!!(讓我靜靜的裝下b (ˉ﹃ˉ))，嘿嘿~停止碎碎念!上貨!
●源碼
基于android的網(wǎng)上商城#Android(上傳作者：LongCJ)
LongCJ：該項目采用MVP架構(gòu)實現(xiàn)了用戶登錄、注冊，把用戶信息存放在服務(wù)器上，便于實現(xiàn)數(shù)據(jù)的同步;商品的推薦、瀏覽，改寫上拉刷新下拉加載加載商品信息，商品信息是通過Jsoup從網(wǎng)頁上抓取，獲得XML解析并封裝成實體類，然后適配到adapter;當然用戶也可以搜索感興趣的商品和店鋪，Jsoup發(fā)送post請求后得到用戶搜索的商品，用戶還可以把感興趣的商品放入購物車,用戶可以改變商品的數(shù)量或刪除商品。當然還對商品進行了分類處理，用戶可以瀏覽到每一類商品進行選購，減少了用戶選購商品的時間。為了提高用戶體驗，對商品圖片采用LruCache進行緩存處理，提高了ListView的加載速度。
仿淘寶UI安卓模版#Android(上傳作者：蒙多)
蒙多：一款較好的商城類模版源碼，幫助你學習，工作。
自動搶紅包#Android(上傳作者：DEV鯤)
DEV鯤：不用點擊，自動搶紅包，僅限于普通紅包“恭喜發(fā)財”字樣。
FlycoPageIndicator廣告輪播#Android(上傳作者：Dancing )
Dancing ：第三方FlycoPageIndicator廣告輪播。
日常記賬#Android(上傳作者：說不出的諾言)
說不出的諾言：記錄日常生活中的各類日?；ㄙM信息; 能夠?qū)⑹罩畔丛陆y(tǒng)計，按年統(tǒng)計，按賬戶統(tǒng)計，按分類統(tǒng)計; 能夠添加，修改，刪除虛擬的賬戶，根據(jù)收入與支出自動變動賬戶余額; 能夠查看賬戶的詳細收支情況! 支持導出數(shù)據(jù)成Excel表格。
wemall微信商城系統(tǒng) v3.5.4#Android(上傳作者：wemallshop )
wemallshop ：wemall微信商城適用于小企業(yè)電子商務(wù)，例如微信水果，微信蔬菜，微信外賣，微信超市等等功能。
繪制餅狀圖#Android(上傳作者：dq2232711090)
dq2232711090：實現(xiàn)了用餅狀圖分析數(shù)據(jù)，并顯示。
Android 柱狀圖源碼#Android(上傳作者：kabinqiang )
kabinqiang ：簡單的柱狀圖實現(xiàn)。
彈動加載中效果#Android(上傳作者：Dancing )
Dancing ：運用了封裝好的自定義view 。
Html5 canvas簽名畫板 #其他(上傳作者：xushuoshuo )
xushuoshuo：支持網(wǎng)頁直接手寫簽名，支持移動端手寫。
●資料
HTML5移動Web開發(fā)實戰(zhàn) (上傳作者：ziyun ) 查看
簡介：全書從移動Web、設(shè)備端配置和優(yōu)化，交互、響應(yīng)式設(shè)計、調(diào)試、性能測試等角度出發(fā)，包含60多個實用的實例，詳細闡述如何構(gòu)建快速、響應(yīng)式的HTML5移動網(wǎng)站。
Java從入門到精通(第3版) (上傳作者：doubleK) 查看
簡介：本書從初學者角度出發(fā)，通過通俗易懂的語言、豐富多彩的實例，詳細介紹了使用Java語言進行程序開發(fā)需要掌握的知識。
HTML 5+CSS3從入門到精通 (上傳作者：booold) 查看
簡介：本書全面系統(tǒng)地講解了基礎(chǔ)理論和實際運用技術(shù)，通過大量實例對HTML5+CSS3應(yīng)用進行深入淺出的分析。
HTML5程序設(shè)計(中文第2版) (上傳作者：redcar) 查看
簡介：網(wǎng)頁設(shè)計入門經(jīng)典教程，html、css、javascript技術(shù)應(yīng)用詳解，網(wǎng)站建設(shè)必備寶典!
HTML5移動Web開發(fā)指南 (上傳作者：fathersong) 查看
簡介：主要圍繞html5技術(shù)，講述如何利用html5相關(guān)技術(shù)開發(fā)移動web網(wǎng)站和web app應(yīng)用程序。
圖解HTTP (上傳作者：fanqie) 查看
簡介：作者由HTTP協(xié)議的發(fā)展歷史娓娓道來，嚴謹細致地剖析了HTTP協(xié)議的結(jié)構(gòu)，列舉諸多常見通信場景及實戰(zhàn)案例，最后延伸到Web安全、最新技術(shù)動向等方面。
JavaScript.DOM高級程序設(shè)計 (上傳作者：RexTao) 查看
簡介：JavaScript.DOM高級程序設(shè)計。
編寫可維護的Javascript (上傳作者：kide) 查看
簡介：《編寫可維護的JavaScript》向開發(fā)人員闡述了如何在團隊開發(fā)中編寫具備高可維護性的JavaScript代碼，書中詳細說明了作為團隊一分子，應(yīng)該怎么寫JavaScript。
●文章推薦
開源第二彈：來自百度的71款開源項目 (上傳作者：snoone) 閱讀
56個 PHP 開發(fā)常用代碼片段 (上傳作者：kide) 閱讀
50個安卓開發(fā)者應(yīng)該熟悉的Android Studio技巧和資源 (上傳作者：糖果果) 閱讀
推薦幾本好書：學習前端我推薦這5本書 (上傳作者：hunter) 閱讀
那些適合日常使用的開源工具和應(yīng)用(辦公篇) (上傳作者：mengmeng231) 閱讀
強烈推薦：39個優(yōu)秀的Swift UI開源庫 (上傳作者：snoone) 閱讀
關(guān)于HTML5，這里有不得不讀的10本書 (上傳作者：honglei) 閱讀
python機器學習入門資料梳理 (上傳作者：doubleK) 閱讀
HTTP 協(xié)議圖解 (上傳作者：okcity) 閱讀
超全面+最流行的「前端速查表」高清版大全 (上傳作者：extpo) 閱讀
【2016年學無止境下半年系列】
學無止境：10月DEV最熱免費優(yōu)秀資源推薦
學無止境：9月DEV最熱免費優(yōu)秀資源推薦
學無止境：8月DEV最熱免費優(yōu)秀資源推薦
注：文中資源請移步原文 http://www.devstore.cn/new/newInfo/28076.html 獲取哈~
習目標：了解JavaScript是如何與HTML結(jié)合來創(chuàng)建動態(tài)網(wǎng)頁，網(wǎng)頁中嵌入JavaScript的不同方式，JavaScript的內(nèi)容類型及其與<script>的關(guān)系
<script>是由Netscape創(chuàng)造出來，后來加到HTML規(guī)范中的。
<script>有8個屬性：
1、async:表示立即開始下載腳本，但不能阻止其他頁面動作，比如下載資源或者等待其他腳本加載。只對外部腳本文件有效。
2、charset：使用src屬性指定代碼字符集。這個屬性很少用，因為大多數(shù)瀏覽器不在乎它的值。
3、crossorigin；配置資源請求的CORS（跨源資源共享）設(shè)置。默認情況下不使用CORS。crossorigin = “anonymous”配置文件請求不用設(shè)置憑據(jù)標志。crossorigin = ”use-credentials“設(shè)置憑據(jù)標志，意味著出站請求會包含憑據(jù)。
4、defer:表示腳本可以延遲到文檔全部解析和顯示后再執(zhí)行。新版本中只能用于外部腳本。
5、integrity:允許比對接收到的資源和指定的加密簽名以驗證子資源完整性（SRI，Subresource integrity），如果驗證簽名不匹配則腳本不會執(zhí)行。這個屬性可以用于確保內(nèi)容分發(fā)網(wǎng)絡(luò)（CDN，Content Delivery Network）不會提供惡意內(nèi)容。
6、language：此屬性已被廢止。
7、src:表示包含外部要執(zhí)行的代碼的外部文件。
8、type:代替language，表示代碼塊中腳本語言的內(nèi)容類型（也稱為MIME類型），按照慣例這個值始終都是”text/JavaScript“，盡管”text/JavaScript“和”text/ecmascript“都已經(jīng)廢棄。JavaScript文件的MIME類型通常是”application/x-javascript“,不過給type屬性這個值的話可能會導致腳本被忽略。在非IE的瀏覽器中有效的值還有”application/JavaScript“和”application/ecmascript"。如果這個值是module，則代碼會被當成是ES6模塊，而且只有這時候代碼中才能出現(xiàn)import和export關(guān)鍵字。
使用<script>的方式有內(nèi)聯(lián)和外嵌兩種，只要把code寫入<script>code</script>中就好，code中要是包含字符串“<script>”,只要加上轉(zhuǎn)義字符“\”即可。
如果要外嵌JavaScript代碼只要使用src屬性來鏈接外部文件即可如：
<script src=“example.js”></script>
XHTML 文檔中，可以忽略結(jié)束標簽寫成<script src=“example.js”/>即可，但是這在HTML中不能使用。
過去把JavaScript和CSS一起寫在head中，但是這意味著必須下載所有code并解析和解釋完成后才開始渲染頁面，對于JavaScript很多的頁面會導致頁面渲染速度過慢，為解決這個問題，JavaScript一般寫在body元素的頁面內(nèi)容的最后邊，如下
<html>
<head></head>
<body>
message
<script>code<\script>
<\body>
</html>
在外聯(lián)JavaScript時可以使用defer屬性來推遲腳本的運行?？梢詫懗桑?/p>
<html>
<head>
<script defer src = "example.js">code<\script>
</head>
<body>
message
<\body>
</html>
async屬性從腳本處理方式上與defer類似，但是不同的是標記async的腳本并不能保證腳本按照他們的出現(xiàn)順序執(zhí)行，比如：
<html>
<head>
<script sync src = "example1.js">code<\script>
<script sync src = "example2.js">code<\script>
</head>
<body>
message
<\body>
</html>
不能保證example1比example2先執(zhí)行。
除了<script>以外還可以用其他方式加載腳本。因為JavaScript可以使用DOM API，所以通過向DOM中動態(tài)地加入script元素同樣可以加載指定腳本。只要創(chuàng)建一個script元素并將其添加到DOM即可。
let script = document.createElement('script');
script.src = 'gibberish.js';
document.head.appendChild(script);
當然，在把 HTMLElement 元素添加到 DOM 且執(zhí)行到這段代碼之前不會發(fā)送請求。默認情況下，以這種方式創(chuàng)建的<script>元素是以異步方式加載的，相當于添加了 async 屬性。不過這樣做可能會有問題，因為所有瀏覽器都支持 createElement()方法，但不是所有瀏覽器都支持 async 屬性。因此，如果要統(tǒng)一動態(tài)腳本的加載行為，可以明確將其設(shè)置為同步加載：
let script = document.createElement('script');
script.src = 'gibberish.js';
script.async = false;
document.head.appendChild(script);
以這種方式獲取的資源對瀏覽器預加載器是不可見的。這會嚴重影響它們在資源獲取隊列中的優(yōu)先級。根據(jù)應(yīng)用程序的工作方式以及怎么使用，這種方式可能會嚴重影響性能。要想讓預加載器知道這些動態(tài)請求文件的存在，可以在文檔頭部顯式聲明它們：
<link rel="preload" href="gibberish.js">
可擴展超文本標記語言（XHTML，Extensible HyperText Markup Language）是將 HTML 作為 XML的應(yīng)用重新包裝的結(jié)果。與 HTML 不同，在 XHTML 中使用 JavaScript 必須指定 type 屬性且值為text/javascript，HTML 中則可以沒有這個屬性。XHTML 雖然已經(jīng)退出歷史舞臺，但實踐中偶爾可能也會遇到遺留代碼，為此本節(jié)稍作介紹。在 XHTML 中編寫代碼的規(guī)則比 HTML 中嚴格，這會影響使用<script>元素嵌入 JavaScript 代碼。下面的代碼塊雖然在 HTML 中有效，但在 XHML 中是無效的。
<script type="text/javascript">
function compare(a, b) {
if (a < b) {
console.log("A is less than B");
} else if (a > b) {
console.log("A is greater than B");
} else {
console.log("A is equal to B");
}
}
</script>
在 HTML 中，解析<script>元素會應(yīng)用特殊規(guī)則。XHTML 中則沒有這些規(guī)則。這意味著 a < b語句中的小于號（<）會被解釋成一個標簽的開始，并且由于作為標簽開始的小于號后面不能有空格，這會導致語法錯誤。避免 XHTML 中這種語法錯誤的方法有兩種。第一種是把所有小于號（<）都替換成對應(yīng)的 HTML實體形式（<）。結(jié)果代碼就是這樣的：
<script type="text/javascript">
function compare(a, b) {
if (a < b) {
console.log("A is less than B");
} else if (a > b) {
console.log("A is greater than B");
} else {
console.log("A is equal to B");
}
}
</script>
這樣代碼就可以在 XHTML 頁面中運行了。不過，缺點是會影響閱讀。好在還有另一種方法。第二種方法是把所有代碼都包含到一個 CDATA 塊中。在 XHTML（及 XML）中，CDATA 塊表示文檔中可以包含任意文本的區(qū)塊，其內(nèi)容不作為標簽來解析，因此可以在其中包含任意字符，包括小于號，并且不會引發(fā)語法錯誤。使用 CDATA 的格式如下：
<script type="text/javascript"><![CDATA[
function compare(a, b) {
if (a < b) {
console.log("A is less than B");
} else if (a > b) {
console.log("A is greater than B");
} else {
console.log("A is equal to B");
}
}
]]></script>
在兼容 XHTML 的瀏覽器中，這樣能解決問題。但在不支持 CDATA 塊的非 XHTML 兼容瀏覽器中則不行。為此，CDATA 標記必須使用 JavaScript 注釋來抵消：
<script type="text/javascript">
//<![CDATA[
function compare(a, b) {
if (a < b) {
console.log("A is less than B");
} else if (a > b) {
console.log("A is greater than B");
} else {
console.log("A is equal to B");
}
}
//]]>
</script>
這種格式適用于所有現(xiàn)代瀏覽器。雖然有點黑科技的味道，但它可以通過 XHTML 驗證，而且對XHTML 之前的瀏覽器也能優(yōu)雅地降級。
自 1995 年 Netscape 2 發(fā)布以來，所有瀏覽器都將 JavaScript 作為默認的編程語言。type 屬性使用一個 MIME 類型字符串來標識<script>的內(nèi)容，但 MIME 類型并沒有跨瀏覽器標準化。即使瀏覽器默認使用 JavaScript，在某些情況下某個無效或無法識別的 MIME 類型也可能導致瀏覽器跳過（不執(zhí)行）相關(guān)代碼。因此，除非你使用 XHTML 或<script>標簽要求或包含非 JavaScript 代碼，最佳做法是不指定 type 屬性。在最初采用 script 元素時，它標志著開始走向與傳統(tǒng) HTML 解析不同的流程。對這個元素需要應(yīng)用特殊的解析規(guī)則，而這在不支持 JavaScript 的瀏覽器（特別是 Mosaic）中會導致問題。不支持的瀏覽器會把<script>元素的內(nèi)容輸出到頁面上，從而破壞頁面的外觀。Netscape 聯(lián)合 Mosaic 拿出了一個解決方案，對不支持 JavaScript 的瀏覽器隱藏嵌入的 JavaScript 代碼。最終方案是把腳本代碼包含在一個 HTML 注釋中，像這樣：
<script><!--
function sayHi(){
console.log("Hi!");
}
//--></script>
使用這種格式，Mosaic 等瀏覽器就可以忽略<script>標簽中的內(nèi)容，而支持 JavaScript 的瀏覽器則必須識別這種模式，將其中的內(nèi)容作為 JavaScript 來解析。雖然這種格式仍然可以被所有瀏覽器識別和解析，但已經(jīng)不再必要，而且不應(yīng)該再使用了。在XHTML 模式下，這種格式也會導致腳本被忽略，因為代碼處于有效的 XML 注釋當中。
雖然可以直接在 HTML 文件中嵌入 JavaScript 代碼，但通常認為最佳實踐是盡可能將 JavaScript 代碼放在外部文件中。不過這個最佳實踐并不是明確的強制性規(guī)則。推薦使用外部文件的理由如下。
? 可維護性。JavaScript 代碼如果分散到很多 HTML 頁面，會導致維護困難。而用一個目錄保存所有 JavaScript 文件，則更容易維護，這樣開發(fā)者就可以獨立于使用它們的 HTML 頁面來編輯代碼。
? 緩存。瀏覽器會根據(jù)特定的設(shè)置緩存所有外部鏈接的 JavaScript 文件，這意味著如果兩個頁面都用到同一個文件，則該文件只需下載一次。這最終意味著頁面加載更快。
? 適應(yīng)未來。通過把 JavaScript 放到外部文件中，就不必考慮用 XHTML 或前面提到的注釋黑科技。包含外部 JavaScript 文件的語法在 HTML 和 XHTML 中是一樣的。在配置瀏覽器請求外部文件時，要重點考慮的一點是它們會占用多少帶寬。在 SPDY/HTTP2 中，預請求的消耗已顯著降低，以輕量、獨立 JavaScript 組件形式向客戶端送達腳本更具優(yōu)勢。比如，第一個頁面包含如下腳本：
<script src="mainA.js"></script>
<script src="component1.js"></script>
<script src="component2.js"></script>
<script src="component3.js"></script>
...
后續(xù)頁面可能包含如下腳本：
<script src="mainB.js"></script>
<script src="component3.js"></script>
<script src="component4.js"></script>
<script src="component5.js"></script>
...
在初次請求時，如果瀏覽器支持 SPDY/HTTP2，就可以從同一個地方取得一批文件，并將它們逐個放到瀏覽器緩存中。從瀏覽器角度看，通過 SPDY/HTTP2 獲取所有這些獨立的資源與獲取一個大JavaScript 文件的延遲差不多。在第二個頁面請求時，由于你已經(jīng)把應(yīng)用程序切割成了輕量可緩存的文件，第二個頁面也依賴的某些組件此時已經(jīng)存在于瀏覽器緩存中了。當然，這里假設(shè)瀏覽器支持 SPDY/HTTP2，只有比較新的瀏覽器才滿足。如果你還想支持那些比較老的瀏覽器，可能還是用一個大文件更合適。
IE5.5 發(fā)明了文檔模式的概念，即可以使用 doctype 切換文檔模式。最初的文檔模式有兩種：混雜模式（quirks mode）和標準模式（standards mode）。前者讓 IE 像 IE5 一樣（支持一些非標準的特性），后者讓 IE 具有兼容標準的行為。雖然這兩種模式的主要區(qū)別只體現(xiàn)在通過 CSS 渲染的內(nèi)容方面，但對JavaScript 也有一些關(guān)聯(lián)影響，或稱為副作用。本書會經(jīng)常提到這些副作用。
IE 初次支持文檔模式切換以后，其他瀏覽器也跟著實現(xiàn)了。隨著瀏覽器的普遍實現(xiàn)，又出現(xiàn)了第三種文檔模式：準標準模式（almost standards mode）。這種模式下的瀏覽器支持很多標準的特性，但是沒有標準規(guī)定得那么嚴格。主要區(qū)別在于如何對待圖片元素周圍的空白（在表格中使用圖片時最明顯）。
混雜模式在所有瀏覽器中都以省略文檔開頭的 doctype 聲明作為開關(guān)。這種約定并不合理，因為混雜模式在不同瀏覽器中的差異非常大，不使用黑科技基本上就沒有瀏覽器一致性可言。標準模式通過下列幾種文檔類型聲明開啟：
<!-- HTML 4.01 Strict -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!-- XHTML 1.0 Strict -->
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- HTML5 -->
<!DOCTYPE html>
準標準模式通過過渡性文檔類型（Transitional）和框架集文檔類型（Frameset）來觸發(fā)：
<!-- HTML 4.01 Transitional -->
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!-- HTML 4.01 Frameset -->
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<!-- XHTML 1.0 Transitional -->
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- XHTML 1.0 Frameset -->
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
準標準模式與標準模式非常接近，很少需要區(qū)分。人們在說到“標準模式”時，可能指其中任何一個。而對文檔模式的檢測（本書后面會討論）也不會區(qū)分它們。本書后面所說的標準模式，指的就是除混雜模式以外的模式。
針對早期瀏覽器不支持 JavaScript 的問題，需要一個頁面優(yōu)雅降級的處理方案。最終，<noscript>元素出現(xiàn)，被用于給不支持 JavaScript 的瀏覽器提供替代內(nèi)容。雖然如今的瀏覽器已經(jīng) 100%支持JavaScript，但對于禁用 JavaScript 的瀏覽器來說，這個元素仍然有它的用處。<noscript>元素可以包含任何可以出現(xiàn)在<body>中的 HTML 元素，<script>除外。在下列兩種情況下，瀏覽器將顯示包含在<noscript>中的內(nèi)容：
? 瀏覽器不支持腳本；
? 瀏覽器對腳本的支持被關(guān)閉。任何一個條件被滿足，包含在<noscript>中的內(nèi)容就會被渲染。否則，瀏覽器不會渲染<noscript>中的內(nèi)容。
下面是一個例子：
<!DOCTYPE html>
<html>
<head>
<title>Example HTML Page</title>
<script defer="defer" src="example1.js"></script>
<script defer="defer" src="example2.js"></script>
</head>
<body>
<noscript>
<p>This page requires a JavaScript-enabled browser.</p>
</noscript>
</body>
</html>
這個例子是在腳本不可用時讓瀏覽器顯示一段話。如果瀏覽器支持腳本，則用戶永遠不會看到它。
JavaScript 是通過<script>元素插入到 HTML 頁面中的。這個元素可用于把 JavaScript 代碼嵌入到HTML 頁面中，跟其他標記混合在一起，也可用于引入保存在外部文件中的 JavaScript。本章的重點可以總結(jié)如下。
? 要包含外部 JavaScript 文件，必須將 src 屬性設(shè)置為要包含文件的 URL。文件可以跟網(wǎng)頁在同一臺服務(wù)器上，也可以位于完全不同的域。
? 所有<script>元素會依照它們在網(wǎng)頁中出現(xiàn)的次序被解釋。在不使用 defer 和 async 屬性的情況下，包含在<script>元素中的代碼必須嚴格按次序解釋。
? 對不推遲執(zhí)行的腳本，瀏覽器必須解釋完位于<script>元素中的代碼，然后才能繼續(xù)渲染頁面的剩余部分。為此，通常應(yīng)該把<script>元素放到頁面末尾，介于主內(nèi)容之后及</body>標簽之前。
? 可以使用 defer 屬性把腳本推遲到文檔渲染完畢后再執(zhí)行。推遲的腳本原則上按照它們被列出的次序執(zhí)行。
? 可以使用 async 屬性表示腳本不需要等待其他腳本，同時也不阻塞文檔渲染，即異步加載。異步腳本不能保證按照它們在頁面中出現(xiàn)的次序執(zhí)行。
? 通過使用<noscript>元素，可以指定在瀏覽器不支持腳本時顯示的內(nèi)容。如果瀏覽器支持并啟用腳本，則<noscript>元素中的任何內(nèi)容都不會被渲染。
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
