怎么让eclipse支持html5

一、创建工程

1、打开Eclipse，菜单选择File->New->Project...或者File->New->Other...

2、现在会看到类似下面的一个d出窗口，这个窗口就是告诉所有可选的项目类型。

3、选择Web->Static Web Project

4、点击Next

5、填写项目名称，如Html5Demo

6、点击Next

7、填写content folder名称，如myHtml5

8、这个content folder就是你的应用所在的根目录

9、点击Finish

二、添加文件

1、右键content folder的名字，选择New->HTML File

2、填写File name为index或者index.html

3、index.html是主页面，主页面不建议使用其它名字，index.html不同于其它的页面。

4、点击Next

5、这里出现的是Html文件版本的选择，不同的版本使用不同的模板，当然也可以修改和创建自己的模板。

6、选择New HTML File

7、点击Finish

8、打开index.html，会看到类似下面的代码，这些都是模板自动生成的。

9、到目前为止已经基本完成了开发环境的搭建。用前面类似的方法，可以在content folder下面创建其它html文件、css文件、js文件或者文件夹，从而丰富应用。

eclipse本身是一个ide，是否支持html5跟它本身无关。

判断浏览器是否支持html5如下：

<!-- -方法1.start -->

<script>

function checkhHtml5()

{

if (typeof(Worker) !== "undefined")

{

alert("支持HTML5")

} else

{

alert("不支持HTML5")

}

}

</script>

<!-- 方法1.end -->

<!-- 方法2.start -->

<canvas id="Canvas" >

</canvas>

<script>

if (!document.getElementById("Canvas").getContext)

{

alert("不支持html5")

}else

{

alert("支持html5")

}

</script>

<!-- 方法2.end -->

你可以试一试JetBrains WebStorm（推荐）或者Visual Studio，截图如下：

JetBrains WebStorm：

Visual Studio：

Eclipse要实现你要求的效果的话，可以安装一下Aptana插件即可实现，也可以直接使用Aptana Studio。

---