【正文】 只是修改頁(yè)面中的 DOCTYPE標(biāo)簽。而提供 HTML 和 CSS 規(guī)范的最新版本的目的是不再需要這些額外的瀏覽器組件來(lái)實(shí)現(xiàn)此類的功能。 （ 2）本地存儲(chǔ)特性（ OFFLINE amp。 HTML5 提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口。 （ 5）網(wǎng)頁(yè)多媒體特性（ MULTIMEDIA） 支持網(wǎng)頁(yè)端的 Audio、 Video 等多媒體功能，與客戶端主機(jī)中自帶的 APPS、攝像頭、影音功能相得益彰，集成特性更豐富。如 canvas標(biāo)簽元素和基于該標(biāo)簽的 JavaScript 腳本程序的 2D 繪圖 JavaScript API，可以用來(lái)創(chuàng)建形狀、文本、動(dòng)畫、過(guò)渡等特性。此外，較之以前的 Web 排版， Web 的開放字體格式（ WOFF）也提供了更高的靈活性和控制性。 charset=utf8 ，而在 Html5 中，只 需要如下的一小段代碼就可以了： meta charset=utf8。 補(bǔ)充資料：“ quirks 模式”和“標(biāo)準(zhǔn)模式” Web 瀏覽器可以在不同的模式下運(yùn)行，具體取決于 HTML 文檔中是否有有效的 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 6/25 頁(yè) 6 doctype 聲明。這意味著一個(gè)相對(duì)新的瀏覽器故意模擬許多在舊瀏覽器中存在的 bug，特別是在 IE4 和 IE5 等瀏覽器的顯示效果。而 HTML5 不再基于 SGML，因此可以不需要對(duì) DTD 進(jìn)行引用，但是需要應(yīng)用 DOCTYPE 定義來(lái)規(guī)范瀏覽器的行為 —— 注意 DOCTYPE 對(duì)大小寫很敏感，請(qǐng)書寫時(shí)注意對(duì)它的大小寫的規(guī)定要求。 當(dāng)然，在 HTML5 中仍可以使用這種 XHTML 和 HTML4 的標(biāo)簽語(yǔ)法，但在 HTML5 中更提倡“簡(jiǎn)潔”的標(biāo)簽，開發(fā)者可以采用在標(biāo)簽元素內(nèi)的斜杠閉合標(biāo)簽風(fēng)格，這樣看起來(lái)更加簡(jiǎn)潔。當(dāng)然，繼續(xù)采用 HTML4 的舊格式的 html 標(biāo)簽仍然有效。也就是可以將如下的 改寫為如下的。該屬性是一個(gè) boolean 值屬性， contentEditable為 true 時(shí)可編輯。 （ 3） hidden 屬性 該屬性是告知瀏覽器不渲染該元素，使該元素不可見，但是元素中的內(nèi)容還是瀏覽器創(chuàng)建的，也就是頁(yè)面裝載后允許使用 JavaScript 腳本將該屬性取消，取消后可見。 HTML5 標(biāo)簽 及應(yīng)用實(shí)例 HTML4 和 HTML5 標(biāo)簽匯總 HTML5 中所支持的和不再支持的與 HTML4 相關(guān)的各個(gè)標(biāo)簽 標(biāo)簽 描述 下面的“ 4”是 指在 HTML 中定義了該 標(biāo)簽 元素 ，而“ 5”是 指在HTML 5 中定義了該 標(biāo)簽 元素 。 meta標(biāo)簽中的主要 屬性 及典型屬性的應(yīng)用示例 主要 屬性 的含義 標(biāo)記 描述 值 HTML5 標(biāo)準(zhǔn) equiv 生成一 個(gè) HTTP 標(biāo) 準(zhǔn)域 ,把Content 屬性關(guān)聯(lián)到 HTTP 頭部 contenttype / expires / refresh / setcookie name 把 content 屬性關(guān)聯(lián)到一個(gè)名稱 author / description / keywords / generator /revised /others content 定義與 equiv 或 name 屬性相關(guān)的元信息 關(guān)鍵字 /值內(nèi)容 charset 文檔的字符編碼 新增屬性 定義針對(duì)搜索引擎的關(guān)鍵詞的 示例 meta name=keywords content=HTML, CSS, XML, XHTML, JavaScript / 定義對(duì)頁(yè)面的描述示例 meta name=description content=免費(fèi)的 HTML5 Web 設(shè)計(jì)技術(shù)教程。 屬性 描述 HTML5 標(biāo)準(zhǔn) face 字體 不 再 支持 size 字號(hào) 不 再 支持 color 顏色 不 再 支持 列表 標(biāo)簽 主要的 列表 標(biāo)簽 標(biāo)記 描述 HTML5 標(biāo)準(zhǔn) ul 無(wú)序列表 ol 有序列表 dir 目錄列表 不 再 支持 dl 定義列表 menu 菜單列表 重新定義 了它的功能，可以 用于排列表單控件 dt、 dd 定義列表的標(biāo)記 li 列表項(xiàng)目的標(biāo)記 新增的 menu標(biāo)簽應(yīng)用示例 其中的 menu標(biāo)簽主要可用于 排列表單控件，如下示例： menu li 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 19/25 頁(yè) 19 input type=checkbox /紅色 /li li input type=checkbox /藍(lán)色 /li /menu 超鏈接 a標(biāo)簽中主要的屬性 在所有瀏覽器中超鏈接的默認(rèn)外觀 1) 未被訪問(wèn)的鏈接帶有下劃線而且是藍(lán)色的 2) 已被訪問(wèn)的鏈接帶有下劃線而且是紫色的 3) 活動(dòng)鏈接帶有下劃線而且是紅色的 a標(biāo)簽中主要的屬性 屬性 描述 HTML5 標(biāo)準(zhǔn) href 指定鏈接地址 在 HTML 5 中， a 是超鏈接，但是假如沒(méi)有 href 屬性，它僅僅是超鏈接的一個(gè)占位符。 在 HTML5 中繼續(xù)被支持的各個(gè)屬性 屬性值 描述 top 文字的中間線在圖片上方 middle 文字的中間線在圖 片中間 bottom 文字的中間線在圖片底部 left 圖片在文字的左側(cè) right 圖片在文字的右側(cè) absbottom 文字的底線在圖片底部 absmiddle 文字的底線在圖片中間 baseline 英文文字基準(zhǔn)線對(duì)齊 texttop 英文文字上邊線對(duì)齊 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 21/25 頁(yè) 21 表格 table及相關(guān)的標(biāo)簽和相關(guān)的屬性 table表格 標(biāo)簽的相關(guān)屬性 屬性 值 描述 border 設(shè)置為空 或者設(shè)置為 1 個(gè)像素點(diǎn)寬 1 規(guī)定表格單元是否擁有邊框。 rules none、 groups、 rows、 cols、 all HTML5 中不支持。 屬性 值 描述 align right、 left、 center、 justify、 char HTML 5 中不支持。 屬性 值 描述 abbr text HTML 5 中不支持。 charoff number HTML 5 中不支持。 nowrap nowrap HTML 5 中不支持。 width pixels 或者 % HTML 5 中不支持。使用 iframe 可以實(shí)現(xiàn)并行的腳本下載。 （ 2） 兼容性問(wèn)題 并非所有瀏覽器都能很好地支持 iframe。 （ 1） Html 代碼 ul class=listside lia target= 關(guān)于我們 /a/li lia target= 新聞信息 /a/li lia target= 產(chǎn)品信息 /a/li lia href= target=_blank 聯(lián)系我們 /a/li /ul div id=iframe !jquery 插入 html 位址 /div （ 2）實(shí)現(xiàn)功能的 Javascript 代碼 $(document).ready(function(){ 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 24/25 頁(yè) 24 $.get(,function(data){ /** 初始將 include diviframe */ $(iframe).html(data)。).click(function() { /** 找出 li 中的超鏈接 href(id) */ var $this = $(this), _clickTab = $(39。)。 })。 })。因?yàn)檫@是在頁(yè)面加載前，所以加載頁(yè)面后你找不到你要的div，這是就要加上 $(document).ready(function() {}。 要讓 IFRAME 支持滾動(dòng) ,需要一個(gè)常用的 CSS 屬性和一個(gè)很少人知道的 CSS 屬性。 iframe scrolling=auto id=popUpPanelContentIFrameTagID frameborder=0 width=100% height=100% /iframe /div 其中的“ webkitoverflowscrolling: touch。