通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5及標(biāo)簽相關(guān)技術(shù)和應(yīng)用實例-資料下載頁
2024-11-14 07:40本頁面
【導(dǎo)讀】時候，使網(wǎng)絡(luò)標(biāo)準(zhǔn)達(dá)到符合當(dāng)代的網(wǎng)絡(luò)技術(shù)應(yīng)用的需求。1)首先，強(qiáng)化了Web網(wǎng)頁的表現(xiàn)性能和能力。相關(guān)邏輯控制功能——可編程性。套相關(guān)的組合技術(shù)。HTML5在HTML4的基礎(chǔ)上盡管增加了許多“新而酷”的功能和相關(guān)功能的實現(xiàn)標(biāo)簽，頁面中的<DOCTYPE>標(biāo)簽。機(jī)等各種主流形式的客戶端設(shè)備。關(guān)技術(shù)也逐漸淘汰。種功能，特別是在2D繪圖、動畫以及多媒體方面。而提供HTML和CSS規(guī)范的最新版。本的目的是不再需要這些額外的瀏覽器組件來實現(xiàn)此類的功能。
【正文】 table及相關(guān)的標(biāo)簽和相關(guān)的屬性 table表格 標(biāo)簽的相關(guān)屬性 屬性 值 描述 border 設(shè)置為空 或者設(shè)置為 1 個像素點寬 1 規(guī)定表格單元是否擁有邊框。 cellpadding pixels HTML5 中不支持。 cellspacing pixels HTML5 中不支持。 frame void、 above、 below、 hsides、 lhs、 rhs、 vsides、box、 border HTML5 中不支持。 rules none、 groups、 rows、 cols、 all HTML5 中不支持。 summary text HTML5 中不支持。 width pixels 或者 % HTML5 中不支持。 tr表格行 標(biāo)簽的相關(guān)屬性 在 HTML 5 中，不再支持 tr 標(biāo)簽在 HTML4 中的任何屬性，如下表所示。 屬性 值 描述 align right、 left、 center、 justify、 char HTML 5 中不支持。 char character HTML 5 中不支持。 charoff number HTML 5 中不支持。 valign top、 middle、 bottom、 baseline td表格單元格 標(biāo)簽的相關(guān)屬性 HTML 表格有兩種單元格類型：表頭單元格 包含頭部信息（由 th 元素創(chuàng)建）和標(biāo)準(zhǔn)單元格 包含數(shù)據(jù)（由 td 元素創(chuàng)建）；其中 th 元素中的文本呈現(xiàn)為粗體并且居中，而 td 元素中的文本是普通的左對齊文本。 屬性 值 描述 abbr text HTML 5 中不支持。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 22/25 頁 22 align left、 right、 center、 justify、char HTML 5 中不支持。 axis category_name HTML 5 中不支持。 char character HTML 5 中不支持。 charoff number HTML 5 中不支持。 colspan number 規(guī)定此單元格可橫跨的列數(shù)。 headers header_id 規(guī)定與單元格相關(guān)聯(lián)的一個或多個表頭單元格。 height pixels HTML 5 中不支持。 nowrap nowrap HTML 5 中不支持。 rowspan number 規(guī)定此單元格可橫跨的行數(shù)。 scope col、 colgroup、 row、 rowgroup HTML 5 中不支持。 valign top、 middle、 bottom、 baseline HTML 5 中不支持。 width pixels 或者 % HTML 5 中不支持。 框架 相關(guān)的各個標(biāo)簽 框架標(biāo)記 描述 HTML5 標(biāo)準(zhǔn) frameset 框架集 不支持 frame 框架 不支持 iframe 內(nèi)聯(lián)框架 僅僅支持 src 屬性 noframe 無框架 不支持 注意：由于 frameset和 frame等 標(biāo)簽對網(wǎng)頁可用性存在的負(fù)面影響，在 HTML 5 中不再對 frameset和 frame等 標(biāo)簽提供支持。但繼續(xù)正常支持 iframe標(biāo)簽。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 23/25 頁 23 HTML5 中的 IFRAME 在 HTML5 中仍然支持 iframe標(biāo) 簽 但只允許有 src 屬性，在 HTML4 中的其它屬性都不再繼續(xù)保持支持了。使用 iframe 可以實現(xiàn)并行的腳本下載。因為在框架里面是一個獨(dú)立的運(yùn)行環(huán)境，它里面的資源可以和主頁面的資源并行下載。應(yīng)用 iframe 可能的問題如下： （ 1） 安全問題 像上面提到的那樣，雖然有安全沙箱，但其實還是有安全風(fēng)險的。因為 iframe 引用的是別人做的網(wǎng)頁。 （ 2） 兼容性問題 并非所有瀏覽器都能很好地支持 iframe。 （ 3） 性能問題 iframe 會導(dǎo)致頁面加載變慢。 （ 4） 其他問題 iframe 的寬度和高度不能自動適應(yīng)內(nèi)容大小。 應(yīng)用 jquery 實 現(xiàn)模擬 iframe 的功能 —— 使用 AJAX 的方式異步加載相關(guān)的數(shù)據(jù)內(nèi)容 使用 iframe 能很好的嵌入其他的網(wǎng)頁或者網(wǎng)站，但是 iframe 每次加載都會浪費(fèi)好多的時間，且會阻止其他元素的加載，搜索引擎也不能識別頁面 ifram框架中被調(diào)用的鏈接、文本、圖片等等內(nèi)容的。 （ 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）實現(xiàn)功能的 Javascript 代碼 $(document).ready(function(){ 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 24/25 頁 24 $.get(,function(data){ /** 初始將 include diviframe */ $(iframe).html(data)。 })。 $(function(){ $(39。.listside li39。).click(function() { /** 找出 li 中的超鏈接 href(id) */ var $this = $(this), _clickTab = $(39。a39。).attr(39。target39。)。 /** 找到鏈接 a 中的 targer 的值 */ $.get(_clickTab,function(data){ $(iframe).html(data)。 })。 })。 })。 })。 但如果在 等頁面中包含有 JS 和 CSS 文件，則不會進(jìn)行解析。另一個示例： script type=text/javascript $(document).ready(function() { $(buttonID).click(function() { $(contentID).load()。 })。 })。 /script 其中 buttonID 就是一個 button 的 id， contentID 就是你要插入 html 的 div。不能直接用$(buttonID).click(function() {}。因為這是在頁面加載前，所以加載頁面后你找不到你要的div，這是就要加上 $(document).ready(function() {}。 使 IFRAME 在 iOS 設(shè)備上支持滾動 問題的現(xiàn)象 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 25/25 頁 25 iOS設(shè)備上 Safari中超出邊界的元素將不能滾動，倘若 iframe的內(nèi)容足夠長超出了 iframe設(shè)定的高度時，在 ipad 等設(shè) 備上。 iframe 內(nèi)部 html 的滾動條不出現(xiàn)。并且活生生地被截斷（類似 overflow： hidden 的效果），下面的內(nèi)容不再顯示。 要讓 IFRAME 支持滾動 ,需要一個常用的 CSS 屬性和一個很少人知道的 CSS 屬性。 HTML 標(biāo)簽 div id=popUpPanelContentWarpDivTagID style=display:none。webkitoverflowscrolling: touch。 overflowy: scroll。 iframe scrolling=auto id=popUpPanelContentIFrameTagID frameborder=0 width=100% height=100% /iframe /div 其中的“ webkitoverflowscrolling: touch。”屬性值就是專為瀏覽器中溢出 (overflow)時需要滾動的元素設(shè)計的 —— 允許獨(dú)立的滾動區(qū)域。如果沒有指定這個屬性，當(dāng)想滾動 iframe時，實際上會 導(dǎo)致外層頁面的滾動。通過它就可以對 IFRAME 內(nèi)的內(nèi)容的滾動狀態(tài)進(jìn)行控制。
公司管理相關(guān)推薦
鄂ICP備17016276號-1