在html 5增加了新元素header岸更、footer期丰，測(cè)試過(guò)發(fā)現(xiàn)IE不能解析html 5新增的元素危喉。 代碼如下：<!DOCTYPE html PUBLIC "-//W3C//...
發(fā)簡(jiǎn)信
IP屬地：遼寧
-
自定義html標(biāo)記替換html5新增元素
-
HTML5的結(jié)構(gòu)和語(yǔ)義(1):前言
超文本標(biāo)記語(yǔ)言（HTML）5 第一次向 HTML 中引入新的元素。新的結(jié)構(gòu)元素包括 aside、figure 和 section。新的內(nèi)聯(lián)元素包括 time、meter 和 ...
-
HTML5的結(jié)構(gòu)和語(yǔ)義(2):結(jié)構(gòu)
由于缺少結(jié)構(gòu)绽快，即使是形式良好的 HTML 頁(yè)面也比較難以處理。必須分析標(biāo)題的級(jí)別紧阔，才能看出各個(gè)部分的劃分方式坊罢。邊欄、頁(yè)腳擅耽、頁(yè)眉活孩、導(dǎo)航條、主內(nèi)容區(qū)和各篇文章都由通用的 div ...
-
HTML5的結(jié)構(gòu)和語(yǔ)義(4):語(yǔ)義性的內(nèi)聯(lián)元素
HTML4用5個(gè)不同的內(nèi)聯(lián)元素表示略有差異的計(jì)算機(jī)代碼：var乖仇、code憾儒、kbd询兴、tt和samp。但是起趾，它無(wú)法表示時(shí)間诗舰、數(shù)字等基本數(shù)值。HTML5提供了幾個(gè)新的內(nèi)聯(lián)元素來(lái)滿足...
-
HTML5的結(jié)構(gòu)和語(yǔ)義(5):內(nèi)嵌媒體
視頻已經(jīng)在 Web 上廣泛流行了训裆，但是其格式幾乎都是專有的眶根。YouTube 使用 Flash，Microsoft 使用 Windows Media?缭保，Apple 使用 Qui...
-
HTML5中語(yǔ)義化 b 和 i 標(biāo)簽
b 和 i 標(biāo)簽在現(xiàn)在的 Web 標(biāo)準(zhǔn)潛規(guī)則中是不推薦使用汛闸，甚至是反對(duì)使用的蝙茶，因?yàn)檎J(rèn)為他們只是“表現(xiàn)”粗體和斜體艺骂，而沒(méi)有任何“語(yǔ)義”。更多的用 strong 和 em 標(biāo)簽代...
-
HTML5的結(jié)構(gòu)和語(yǔ)義(5):交互
HTML 5 也被稱為 Web Applications 1.0隆夯。為了實(shí)現(xiàn)這個(gè)目標(biāo)钳恕，增加了幾個(gè)為 Web 頁(yè)面提供交互體驗(yàn)的新元素： details datagrid men...
-
HTML5 語(yǔ)義化結(jié)構(gòu)化規(guī)范化
HTML結(jié)構(gòu)更加清晰、規(guī)范蹄衷，學(xué)習(xí)HTML5優(yōu)化結(jié)構(gòu)的思路忧额。 HTML5添加了一些新元素，用來(lái)標(biāo)識(shí)常用的結(jié)構(gòu)愧口，是html更具語(yǔ)義化睦番，可是我們無(wú)法直接使用，即使可能用到還要等他個(gè)...
-
X/HTML5 和 XHTML2
在了解了XHTML 2的進(jìn)展之后耍属，我們?cè)賮?lái)看看X/HTML 5 的進(jìn)展托嚣。 X/HTML 5酷在什么地方 章節(jié)元素的構(gòu)想 X/HTML 5引入新的元素用于把Web頁(yè)面分成若干章...
-
使用html2canvas將頁(yè)面轉(zhuǎn)成圖并使用用canvas2image下載
之前在網(wǎng)上找到一個(gè)用 的 download屬性下載的方法，確實(shí)很簡(jiǎn)單也很方便厚骗，但此方法不支持IE示启，無(wú)奈又找到另一方法。 使用html2canvas將頁(yè)面轉(zhuǎn)成圖领舰，用canv...
-
Html5內(nèi)喚醒百度夫嗓、高德APP的實(shí)現(xiàn)示例
前幾天，聯(lián)合黑卡反饋了一個(gè)需求冲秽，需要在H5中打開(kāi)百度APP或者是高德APP舍咖，于是我在網(wǎng)上查了相關(guān)文檔，下面放上鏈接： 1.高德地圖 2.百度地圖 具體思路就是點(diǎn)擊選擇地圖的時(shí)...
-
利用canvas實(shí)現(xiàn)圖片下載功能來(lái)實(shí)現(xiàn)瀏覽器兼容問(wèn)題
前言:項(xiàng)目中需要實(shí)現(xiàn)圖片下載功能锉桑，第一個(gè)想到的是使用a標(biāo)簽的download屬性來(lái)實(shí)現(xiàn)排霉，但是在不同瀏覽器下測(cè)試會(huì)發(fā)現(xiàn)，有的瀏覽器無(wú)效刨仑，點(diǎn)擊后直接預(yù)覽圖片郑诺，所以夹姥，上網(wǎng)找到了另外...
-
Html5 實(shí)現(xiàn)微信分享及自定義內(nèi)容的流程
最近一個(gè)項(xiàng)目有一個(gè)微信分享并且需要自定義微信分享內(nèi)容的需求，因?yàn)槭堑谝淮谓佑|到微信分享辙诞，所以記錄一下期間遇到的一些問(wèn)題辙售，以及完成功能的整個(gè)流程。 以下為大概流程 (細(xì)節(jié)放在各...
-
web字體浮在圖像中央
在做項(xiàng)目的過(guò)程中遇到了需要將圖像作為背景飞涂，將字體顯示在圖像中央需求旦部。 嘗試了兩種做法： 第一種方法為設(shè)置一個(gè)div設(shè)置屬性為relative固定這個(gè)框的位置，將圖片鋪在div...
-
rem和em和px vh vw和% 移動(dòng)端長(zhǎng)度單位
1.rem和em较店、px 首先來(lái)說(shuō)說(shuō)em和px的關(guān)系 em是指字體高度 瀏覽器默認(rèn)1em=16px,所以0.75em=12px;我們經(jīng)常會(huì)在頁(yè)面上看到根元素寫(xiě)的font-siz...
-
使用meta實(shí)現(xiàn)頁(yè)面的定時(shí)刷新或跳轉(zhuǎn)
這個(gè)表示當(dāng)前頁(yè)面每5秒鐘刷一下士八，刷一下~ 這個(gè)表示當(dāng)前頁(yè)面2秒后跳到首頁(yè)~ 頁(yè)面直接跳轉(zhuǎn)到廣場(chǎng)舞網(wǎng)~
-
JS獲取非行間樣式及兼容問(wèn)題
<!DOCTYPE html> <html lang= " en " > <meta charset= " UTF-8 " > 獲取非行間樣式 #div1{height...
-
css—各瀏覽器下的背景色漸變
.linear { width :100% ; height :600px ; FILTER : progid:DXImageTransform.Microsoft.Grad...
-
html5遵循的5個(gè)設(shè)計(jì)原則
前面的話 實(shí)際上，html5并不是由w3c直接制定的梁呈，w3c的方向是xhtml2婚度，而不是html5。當(dāng)xhtml2脫離現(xiàn)實(shí)官卡，無(wú)法付諸實(shí)踐時(shí)蝗茁，w3c工作組才將研究方向轉(zhuǎn)向htm...