专注于前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]

html5

  • 开始使用 html5+css3吧

    / 分类: 开发,生活 / No Comments

     XHTML1.0、XHTML1.1的doctype不嫌长吗?虽然XHTML1.1比XHTML1.0的少了几个字母,但html5仅需:<!DOCTYPE html>,喜欢探索的同学应该注意到了淘宝、土豆的首页,都使用了html5的DTD。

    html5的编码仅需:<meta charset="utf-8">,html5可以直接<style></style>、<script></script>,不需要加type="text/css"、type="text/javascript"。而且还加入了更语义化的:header、nav、menu、article、aside、details、dialog、footer等,不过为了兼容IE(IE下css里设置html5新增元素的样式无效)目前还是使用div吧。或者是把<!--[if IE]>http://html5shiv.googlecode.com/svn/trunk/html5.js<![endif]-->加入<head>,然后用到的块级元素(section, article, aside, header, footer, nav, dialog, figure)在css加上:display:block也可以。原理就是用js先创建这些元素,然后ie下面就可以应用css的样式了。具体例子可看:http://ejohn.org/blog/html5-shiv/
     
    css3的圆角阴影等虽然在兼容上有问题,有些时候部分内容也可以用一下,毕竟新技术是要不断学习的。总要学点啥吧?
     
    最近用html5、css3写了一个门户站,感觉优化的极好,结构和兼容性都很满意,很有成就感,哈哈