A-A+

html5的初级技巧(二)

2013年06月25日 前端开发 暂无评论 阅读 1,339 views 次

昨天和大家分享过了《html5的初级技巧(一)》,今天就继续让大家一起学习html5。

1、是否使用双引号

HTML5并不是XTHML,你可以省去标签中的双引号。相信大多数同志也包括我都习惯了加上双引号,因为这让代码看起来会更标准。

2、使网页内容可以编辑

3、电子邮件输入框

html5中新增了一个输入框的电子邮件属性,可以检测输入的内容是否符合电子邮件的书写格式,功能越来越强大了吧,在HTML5之前只能依靠JS来检测。虽然内置的表单验证功能很快就会成为现实,但这个属性很多浏览器都还不支持,只会当作普通的文本输入框来处理。

4、占位符

在html5中新增了占位符属性placeholder

5、本地存储

html5的本地存储功能,可以让现代浏览器“记住”我们输入的,就算浏览器关闭和刷新也不会受影响。虽然这个功能有些浏览器不支持。

6、更有语义的header和footer

下面的代码在HTML5中将不复存在

<div id=header>
...
</div>
<div id=footer>
...
</div>

 

通常我们都会给header和footer定义一个div,然后再添加一个id,但是在HTML5中可以直接使用<header>和<footer>标签,所以可以将上面的代码改写成:

<header>

    ...

</header>
<footer>
...
</footer>

7、 标题群( hgroup)

如果用h1和h2标签分别表示网站的名称和副标题,但这会让两个本义上密切相关的标题并没有关联起来。这个时候可以使用<hgroup>标签将它们组合起来,这样代码会更有语义。

8、必填项属性

前端人员肯定做过不少表单验证的项目,其中很重要的一点就是有些输入框的内容是必须填写的,这里就需要使用Javascript来检查。在HTML5中,新增了一个“必须填写”的属性:required。required属性有两种使用方法,第二种方法显得更有结构性,而第一种更简洁。

9、自动获取焦点

html5也不再需要Javascript来解决输入框的自动获取焦点,如果某个输入框应当被选择或是获取到输入焦点,html5新增了自动获取焦点属性autofocus。

 

标签:

给我留言

Copyright © 严佳冬 保留所有权利.   Theme  Ality 百度地图 苏ICP备15015381号-1

用户登录

分享到: