編寫HTML5文檔

1、 怎么編寫html5文檔？ 考慮到向前兼容性，html5規(guī)范規(guī)定可以 使用兩種語(yǔ)法格式來(lái)編寫網(wǎng)頁(yè)，即html語(yǔ)法 格式與xml語(yǔ)法格式。 使用xml語(yǔ)法編寫html5文檔 不需要使用dtd來(lái)指定文檔類型 文檔標(biāo)題 正文部分 使用xml語(yǔ)法編寫html5文檔時(shí)，html5文檔 中所有的元素必須位于xhtml命名空間中。 文件擴(kuò)展名可以是.xml或者.xhtml,推薦使用.xhtml 不需要使用meta元素聲明文檔編碼 encoding中聲明的編碼應(yīng)與實(shí)際的編碼一致 在根元素中定義默認(rèn)命名空間 沒(méi)有mime的聲明，但是mime必須是text/xml 或application/xml,以及子類型為+

2、xml的mime .xml的mime通常被識(shí)別在text/xml,而.xhtml的文檔mime未知， 因此需要在服務(wù)器中特別指定，或者在代碼中動(dòng)態(tài)指定。 使用xml語(yǔ)法編寫html5文檔 可以定義命名空間 svg范例 . 常用命名空間請(qǐng)翻閱書(shū)12頁(yè)，其中xml和 xmlns命名空間是默認(rèn)的，無(wú)需顯式聲明。 默認(rèn)命名空間，在html元素中的 元素默認(rèn)在此命名空間內(nèi)，瀏覽 器將文檔渲染為html網(wǎng)頁(yè)。 使用內(nèi)置的xml命名空間聲明 網(wǎng)頁(yè)的自然語(yǔ)言代碼 在svg元素中聲明了svg命名 空間并定義前綴s，該前綴用 于每個(gè)svg繪圖元素 chrome 使用html語(yǔ)法編寫html5文檔 不需要使用dtd

3、來(lái)指定文檔類型 文檔標(biāo)題 正文部分 為了向前兼容，仍可以使用dtd，請(qǐng)參閱書(shū) p15頁(yè)表1-2中允許使用的dtd標(biāo)示 在特例情況下，如使用某些外部元素時(shí)，屬性名需要使用 命名空間限定。 不區(qū)分大小寫 需進(jìn)行mime的聲明，mime必須是text/xml 或 text/xml-sandboxed 使用charest屬性指定文檔編碼，聲明的編碼和實(shí)際的編 碼要保持一致。 請(qǐng)參閱書(shū)p15頁(yè)表1-1 實(shí)驗(yàn)作業(yè) 1.驗(yàn)證p12頁(yè)程序，提交驗(yàn)證結(jié)果。 2.修改個(gè)人簡(jiǎn)介網(wǎng)站中的程序，使用html5編碼方式。 在html中使用腳本語(yǔ)言 目前動(dòng)態(tài)的應(yīng)用程序編寫一般使用二進(jìn)制方式（binary） 和腳本方式（sc

4、ript） 常見(jiàn)腳本語(yǔ)言：vbscript、javascript、jscript、php、cgi、 cfml、python、tcl、actionscript、等 1.在客戶端動(dòng)態(tài)修改文檔內(nèi)容。 2.獲取表單控件中的輸入數(shù)據(jù)，驗(yàn)證數(shù)據(jù)有效性。 3.對(duì)事件進(jìn)行響應(yīng)，如加載、卸載、處理焦點(diǎn)、鼠標(biāo)移動(dòng)等。 4.關(guān)聯(lián)表單控件，創(chuàng)建圖形用戶界面元素。 。 執(zhí)行編譯后的代碼，客戶端不可 見(jiàn)?？蛻舳丝梢?jiàn)的符合一定格式規(guī)范的命令， 解釋執(zhí)行。 效效 率率效效 率率 腳本 服務(wù)器端腳本和客戶端腳本 不能用在xml語(yǔ)法中不再推薦使用！ 在html中使用javascript腳本語(yǔ)言 腳本代碼使用script元素定義。

5、 function popupmsg(msg) alert(msg); 其間的元素內(nèi)容在文檔加載后順序執(zhí) 行，并且僅執(zhí)行一次。 位于一個(gè)單獨(dú)的文件中，使用src元素屬性進(jìn)行動(dòng)態(tài)加載。 定義在內(nèi)建事件的屬性值中。 三種在html頁(yè)面中使用javascript的方法 事件被觸發(fā)時(shí)，執(zhí)行屬性值中的腳本代碼。 如果客戶端不能處理腳本代碼，執(zhí)行noscript元素中的內(nèi)容 推薦解決方案： 使用表單將javascript代碼所實(shí)現(xiàn)的 功能放在服務(wù)端運(yùn)行。 請(qǐng)將書(shū)p42頁(yè)代碼調(diào)試運(yùn)行。 不推薦使用！可用type屬性代替。 在html中使用javascript腳本語(yǔ)言 script元素的常用屬性 可以出現(xiàn)任意

6、次數(shù)，可以位于head元素中，也可以位于body元素中。 defer=“defer” 使用script元素定義腳本代碼 通知瀏覽器，元素內(nèi)容（這段腳本代碼）將不會(huì)產(chǎn)生任何文檔內(nèi) 容。允許省略屬性值。 aysnc與src 的組合類型 type=“mime” 指定元素內(nèi)容所使用的腳本語(yǔ)言。html5.0中默認(rèn)值為”text/javascript”。 請(qǐng)參閱書(shū)p37頁(yè)常用內(nèi)容類型 language=“語(yǔ)言標(biāo)識(shí)符” 指定了元素的內(nèi)容的腳本語(yǔ)言，它的值是這個(gè)語(yǔ)言的標(biāo)識(shí)符。 scr=“外部文檔url地址” 指定了保存腳本代碼的外部文件的位置。 當(dāng)使用xml語(yǔ)法編寫html5文檔時(shí)， script元素的內(nèi)容

7、可能和xml1.0規(guī) 范沖突。怎么辦？ charset=“字符集” 定義src屬性指定的外部外部腳本代碼所使用的字符編碼。 優(yōu)先權(quán)！ aysnc=“ture/false”定義腳本的異步執(zhí)行方式。 只定義aysnc。腳本將被異步執(zhí)行。（線程） 只定義了defer。腳本將在文檔完成解析后被執(zhí)行。 都沒(méi)有定義，遇到立即解釋執(zhí)行。 在html中使用javascript腳本語(yǔ)言 body元素的常用事件屬性 將特定數(shù)量的內(nèi)建事件與一個(gè)特定的用戶與瀏覽器交互的動(dòng)作關(guān)聯(lián) 在一起。每個(gè)內(nèi)建事件的每次發(fā)生都可以觸發(fā)一個(gè)腳本。 在事件屬性值中定義腳本代碼 請(qǐng)參閱書(shū)p40頁(yè)表3-1 事件屬性 試一試：試一試：在瀏覽器中輸入 javascript:window.open(about:blank); javascript:window.open(about:blank);void 0; 控件元素如intput,select,button,textarea和 label均響應(yīng)一定的內(nèi)建事件。 在超鏈接中定義腳本代碼 在超鏈接的url地址中定義腳本代碼。通過(guò)使用javascript：前綴 將javascript代碼用做url地址。 function pop