VS2012中怎么使用html5的特性

html-css014

VS2012中怎么使用html5的特性,第1张

1. 新的Doctype

尽管使用<!DOCTYPE html>,即使浏览器不懂这句话也会按照标准模式去渲染

2. Figure元素

用<figure>和<figcaption>来语义化地表示带标题的图片

<figure>

<img src=”path/to/image” alt=”About image” />

<figcaption>

<p>This is an image of something interesting. </p>

</figcaption>

</figure>

3. 重新定义的<small>

<small>已经被重新定义了,现在被用来表示小的排版,如网站底部的版权声明

4. 去掉link和script标签里面的type属性

5. 加/不加 括号

HTML5没有严格的要求属性必须加引号,闭合不闭合,但是建议加上引号和闭合标签

6. 让你的内容可编辑,只需要加一个contenteditable属性

7. Email Inputs

如果我们给Input的type设置为email,浏览器就会验证这个输入是否是email类型,当然不能只依赖前端的校验,后端也得有相应的校验

8. Placeholders

这个input属性的意义就是不必通过javascript来做placeholder的效果了

9. Local Storage

使用Local Storage可以永久存储大的数据片段在客户端(除非主动删除),目前大部分浏览器已经支持,在使用之前可以检测一下window.localStorage是否存在

今天下载了Visual Studio 2012玩了一下,在这里分享一下主要的新功能。

紫黑蓝相间的界面,卓尔不群。

支持Metro风格应用程序的开发(需要Windows 8 操作系统)。

支持2010项目的升级,不兼容的部分会给出提示。

多层化结构视图,查看代码关系更方便。

文件预览功能,在资源视图中选中即可预览该文件。

Tab组功能。可以自建多个Tab组,并可随意在组之间拖拽,代码浏览更方便。

窗口切分功能。当我们需要在两个窗口打开同一个文件时,可以使用该功能。

钉住常用窗口。这样可以把经常使用的文件放在固定位置,就不会随着打开文件数的增加而乱跑了。

多显示器的支持,可以把任意可以浮动的窗口移动到其他显示器。

支持编译器整体颜色风格的变更,也支持里面具体字体和显示样式的定制。

支持对IDE中任意项目(比如菜单项)的搜索。

更多的IDE搜索功能

搜索文件内容时,支持正则表达式。

更强大的JavaScript编辑器。

支持ECMAScript 5 和 HTLM5特性。

智能提示。

智能缩进换行和括号匹配。

提供"转到定义"功能。

支持第三方库的智能提示。

当一行有多条语句时,可以对单条语句设置端点。

对于动态加载的JavaScript脚本也可以进行智能提示。

支持敏捷开发生命周期管理。

可以邀请项目相关人员对预发布的产品提出反馈意见。

更强大的代码图形化功能

可以从UML类图中生成代码,也可以基于已有代码生成UML类图。

更强大的代码比较工具。

能够搜索高度相似的代码,方便重构。

对Web开发的更好支持:

HTML编辑器全面支持HTML5, CSS编辑器全面支持CSS3.

Debug时可以选择安装在本机的浏览器。

更强大的智能提示功能

选择一些标记,可以一键生成用户控件。

更强大的CSS编辑器。

还有很多杂七杂八的功能增强,以及很多针对不同语言的更强大支持。

phpdesigner8对js,jquery,css自动提示还算过得去,要是对CSS3提示最好的感觉还是vs2012不过太大啦,如果只是为了少打-webkit -moz还是不是太合算,有人说aptana web前台比较好,自己试了试还是不行,dreamweaver cs6 js就弱爆啦,要是只是设计那还是它啦!我自己是phpdesign8,特别小,运行蛮快的,自己也可以定制,php提示也不错哦!语言也是中文的,上网上收一个注册码!不错