通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5及標(biāo)簽相關(guān)技術(shù)和應(yīng)用實(shí)例-資料下載頁
2025-11-05 07:40本頁面
【導(dǎo)讀】時(shí)候，使網(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)功能的實(shí)現(xiàn)標(biāo)簽，頁面中的<DOCTYPE>標(biāo)簽。機(jī)等各種主流形式的客戶端設(shè)備。關(guān)技術(shù)也逐漸淘汰。種功能，特別是在2D繪圖、動(dòng)畫以及多媒體方面。而提供HTML和CSS規(guī)范的最新版。本的目的是不再需要這些額外的瀏覽器組件來實(shí)現(xiàn)此類的功能。
【正文】 table及相關(guān)的標(biāo)簽和相關(guān)的屬性 table表格 標(biāo)簽的相關(guān)屬性 屬性 值 描述 border 設(shè)置為空 或者設(shè)置為 1 個(gè)像素點(diǎn)寬 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 元素中的文本是普通的左對(duì)齊文本。 屬性 值 描述 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)的一個(gè)或多個(gè)表頭單元格。 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)的各個(gè)標(biāo)簽 框架標(biāo)記 描述 HTML5 標(biāo)準(zhǔn) frameset 框架集 不支持 frame 框架 不支持 iframe 內(nèi)聯(lián)框架 僅僅支持 src 屬性 noframe 無框架 不支持 注意：由于 frameset和 frame等 標(biāo)簽對(duì)網(wǎng)頁可用性存在的負(fù)面影響，在 HTML 5 中不再對(duì) 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 可以實(shí)現(xiàn)并行的腳本下載。因?yàn)樵诳蚣芾锩媸且粋€(gè)獨(dú)立的運(yùn)行環(huán)境，它里面的資源可以和主頁面的資源并行下載。應(yīng)用 iframe 可能的問題如下： （ 1） 安全問題 像上面提到的那樣，雖然有安全沙箱，但其實(shí)還是有安全風(fēng)險(xiǎn)的。因?yàn)?iframe 引用的是別人做的網(wǎng)頁。 （ 2） 兼容性問題 并非所有瀏覽器都能很好地支持 iframe。 （ 3） 性能問題 iframe 會(huì)導(dǎo)致頁面加載變慢。 （ 4） 其他問題 iframe 的寬度和高度不能自動(dòng)適應(yīng)內(nèi)容大小。 應(yīng)用 jquery 實(shí) 現(xiàn)模擬 iframe 的功能 —— 使用 AJAX 的方式異步加載相關(guān)的數(shù)據(jù)內(nèi)容 使用 iframe 能很好的嵌入其他的網(wǎng)頁或者網(wǎng)站，但是 iframe 每次加載都會(huì)浪費(fèi)好多的時(shí)間，且會(huì)阻止其他元素的加載，搜索引擎也不能識(shí)別頁面 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）實(shí)現(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 文件，則不會(huì)進(jìn)行解析。另一個(gè)示例： script type=text/javascript $(document).ready(function() { $(buttonID).click(function() { $(contentID).load()。 })。 })。 /script 其中 buttonID 就是一個(gè) button 的 id， contentID 就是你要插入 html 的 div。不能直接用$(buttonID).click(function() {}。因?yàn)檫@是在頁面加載前，所以加載頁面后你找不到你要的div，這是就要加上 $(document).ready(function() {}。 使 IFRAME 在 iOS 設(shè)備上支持滾動(dòng) 問題的現(xiàn)象 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 25/25 頁 25 iOS設(shè)備上 Safari中超出邊界的元素將不能滾動(dòng)，倘若 iframe的內(nèi)容足夠長超出了 iframe設(shè)定的高度時(shí)，在 ipad 等設(shè) 備上。 iframe 內(nèi)部 html 的滾動(dòng)條不出現(xiàn)。并且活生生地被截?cái)啵愃?overflow： hidden 的效果），下面的內(nèi)容不再顯示。 要讓 IFRAME 支持滾動(dòng) ,需要一個(gè)常用的 CSS 屬性和一個(gè)很少人知道的 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?！睂傩灾稻褪菍闉g覽器中溢出 (overflow)時(shí)需要滾動(dòng)的元素設(shè)計(jì)的 —— 允許獨(dú)立的滾動(dòng)區(qū)域。如果沒有指定這個(gè)屬性，當(dāng)想滾動(dòng) iframe時(shí)，實(shí)際上會(huì) 導(dǎo)致外層頁面的滾動(dòng)。通過它就可以對(duì) IFRAME 內(nèi)的內(nèi)容的滾動(dòng)狀態(tài)進(jìn)行控制。
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1