您现在的位置:首页技术文章

HTML5开端开发之必备的10个技巧(下)--中享思途

作为一个合格的HTML5开发者,一些实用高效的技巧还是要多学学的;上篇,我们为大家总结了5例,本篇承上文:  

6.使你的内容可编辑
HTML5其中一个非常强大的功能就是“contenteditable”,它将允许用户编辑元素(包括他的子元素)内包含的任何文本内容,例如简单的任务清单或是基于wiki的站点,非常实用。

青岛html5培训机构--中享思途

7.电子邮件输入
如果我们应用“电子邮件”类型来指定输入的形式,是可以命令浏览器只允许符合有效电子邮件地址结构的字符串输入的。虽然内置的表单验证很快就会实现,但也不能完全依靠那个。比较旧的浏览器不理解这种“电子邮件”类型,它们只会简单地返回到普通的文本框。

青岛html5培训机构--中享思途

在说到浏览器所支持和不支持的元素以及属性时,你必需要明白,没有什么浏览器是一定可靠的,就比如Opera只有在你指定name属性时才支持电子邮件验证;不过,它不支持占位符属性,虽然你可以使用这种形式的验证,不过不要过分依赖它。

8.占位符
此前,我们需要使用JavaScript来创建文本框的占位符,以初步设定值属性来看是否合适,可以单用户删除了该文本,输入的内容就会变成空白。

占位符属性有效地弥补了这一点。

青岛html5培训机构--中享思途

9.本地存储
HTML5的 local storage可以让高级浏览器“记住”我们输入的内容,就算后来浏览器关闭或者重新刷新也不受影响。即便并不是所有的浏览器都支持,但最主流的 Internet Explorer 8, Safari 4, Firefox 3.5统统支持,这就够了啊。

青岛html5培训机构--中享思途

10.语义性的Header和Footer

青岛html5培训机构--中享思途

上面的代码已经被淘汰,Divs从根本上来说并没有任何语义结构,即便用了ID还是如此。而在HTML5中,我们可以使用<header>和<footer>元素,上面的代码就可以替换为:

青岛html5培训机构--中享思途

不过注意不要将这两个元素与网站的头部和脚部混淆起来。它们只是代表它们的容器。

 st_bottom
青岛Java培训,青岛HTML5培训,青岛UI培训,青岛web开发培训,青岛IT培训,java培训,ui培训,HTML5培训,java就业培训,专业ui设计,web开发培训,IT培训,思途教育,青岛思途,中享思途
Copyright © 青岛思途共享科技信息服务有限公司 鲁ICP备14027489号-2

鲁公网安备 37021402000988号

青岛Java培训,青岛HTML5培训,青岛UI培训,青岛web开发培训,青岛IT培训,java培训,ui培训,HTML5培训,java就业培训,专业ui设计,web开发培训,IT培训,思途教育,青岛思途,中享思途