html5白板,网页版白板

浏览器不支持html5怎么解决

第一种方法：IE9以下版本的IE将创建HTML5标签， 非IE浏览器会忽略这段代码，因此不会发生http请求，也就不影响网页执行效率。

!--[if lt IE9]

script

(function() {

if (!

/*@cc_on!@*/

0) return;

var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');

var i= e.length;

while (i--){

document.createElement(e[i])

}

})()

/script

![endif]--

第二种方法：在你的网页中引入Google的html5shiv包（推荐）

!--[if lt IE9]

script src=""/script

![endif]--

但是不管使用以上哪种方法,都要初始化新标签的CSS.因为HTML5在默认情况下表现为内联元素，对这些元素进行布局我们需要利用CSS手工把它们转为块状元素方便布局

/*html5*/

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

但是如果ie6/7/8 禁用脚本的用户,那么就变成了无样式的"白板"网页,我们该怎么解决呢?

我们可以参照facebook的做法，即引导用户进入带有noscript标识的 “/?_fb_noscript=1”页面，用 html4 标签替换 html5 标签，这要比为了保持兼容性而写大量 hack 的做法更轻便一些。

!--[if lte IE 8]

noscript

style.html5-wrappers{display:none!important;}/style

div class="ie-noscript-warning"您的浏览器禁用了脚本，请a href=""查看这里/a来启用脚本!或者a href="/?noscript=1"继续访问/a.

/div

/noscript

![endif]--

引导用户开启脚本,或者直接跳转到HTML4标签设计的界面。

相关问答

Q1: 我的用的谷歌浏览器，为什么我的html文件显示的是白板，如果用ie图标正常，这是为什么？求靠谱的回答～～

这个是兼容问题，如果你非得用这个又要好看，那属性里设置下显示图标吧

Q2: html5开发App入门求助

html5+javascript，可以借助appscan、apicloud这种跨平台开发工具，可以同时开发多端。

使用HTML5+开发的移动App并非mobile web页面。这是新手最容易混淆的地方。mobile web的文件存放在web服务器上，而移动App的文件存放在手机本地，编写移动App的html、js、css文件被打包到ipa或apk等原生安装包，在手机客户端运行。

用个更形象的列子，web app仍然是b/s结构，而移动App是c/s结构甚至是完全脱线的单机应用。

这或许有点超过一些人的想象，他们认为HTML就是web、就是b/s，事实上javascript早已可通过nodejs等技术运行在服务器侧，而在HBuilder的移动App里，HTML、JS等文件也可以被打包成原生安装包。

当然这些移动App里某些页面也可以继续从服务器端以网页方式下行，就像任何原生应用（如微信）都可以内嵌网页一样。

所以mobile web，在HBuilder里新建项目时，属于web项目。不要放置到移动App项目下。mobile web项目也不能真机联调和打包。

智游教育：举几个例子说明mobile web和移动App的区别。

例1：把一个mobile web项目，打包成移动App。

1. 在HBuilder里新建一个web项目，把mobile web代码放进去。

2. 在HBuilder里新建移动App

3. 在新建的移动App下找到manifest.json，将其中的入口页面配置为mobile web的网络地址。

4. 然后点发行打包，就得到一个移动App的安装包。除了有个安装包和桌面有个快捷方式外，与浏览器的体验不会有其他区别。

5. 不过注意，这样的移动App体验很差，它在页面跳转时会像浏览器那样切换并且白屏，它完全无法脱线使用，没有网络时点开这个app只能看到一片白板。这样的app在Apple的Appstore审核时是无法通过的，其他大的安卓市场也不会允许发行。

例子2：正规的移动App

1. 在HBuilder里新建移动App项目

2. 在移动App里编写html、Js、css文件，本地js通过ajax方式请求服务器数据，通过plus.net对象避开跨域限制

3. 移动App里的js可以通过plus对象调用手机原生能力

4. 编写好的移动App点打包变成安装包，这才是一个体验良好的、可上线的移动App。