现在HTML5和CSS3可火着！如果你想做网页设计师的话，学会用HTML5打造漂亮页面是必不可少滴。那我这儿给你说说几个干货满满的HTML5设计技巧，让你实战起来更为得心应手！
HTML5的背景
你知道淘宝2011年开始用HTML5做网站？厉害极了！这就相当于前端开发界地震一样。别愣住，赶快去研究 HTML，XHTML 1.0、2.0跟HTML5有啥联系！如果实在搞不明白为啥出现了 HTML5，别怕，大胆上手试试呗！
XHTML与HTML4的异同
XHTML1.0跟HTML4.0其实真的差不多！内容啊、词儿啊、元素啊、属性什么的都是完全不变的。不过，有点小问题是在用UTF-8编码时得按XML语法搞事儿，属性和元素得全小写，还得别忘加结束标签或者自结束标签哈。再说说XHTML1.1，这货简直就是纯正的XML文档，所以大家可得按XML规则传文档哈～
设计原理一：避免不必要的复杂性
HTML 5设计就这么干！第一步就是简化那些繁琐的元素，直接套用默认设置。然后记得挑个好的字符编码，这样代码看着会更干净利落，以后更新换代也方便得多。关键，不管什么版本的浏览器，都能完美兼容这个代码哟~
设计原理二：支持已有的内容
我告诉你件大事儿，HTML5太棒了！它解决了JavaScript分号插不进去那种让人头疼的问题。代码清晰明了，编写起来轻松多了，尤其在团队合作时，绝对赞爆！
设计原理三：解决现实问题
HTML5里，问题解决很关键譬如说添加超链接，以前的旧浏览器可以做，但标准不严格。现在可大不一样了，跟着新的规则走，效率瞬间提升！
设计原理四：求真务实
新的这个版本更好理解！连脸呀、手呀和头都分的很清楚。其他一些整理布局的工具也都用上了，浏览网站更方便。跟那些旧的版本相比（比如 HTML4.01、XHTML1.0这类的），这个新版页面清晰多了哟。
Web技术发展历程
听说过吗?2004年时，我离开它后跑去了W3C跟WhatWG的哥们儿一块研究网页规范。然后等到2007年，我们俩又和好了，创立了新的Html5工作组。这工作组不就是把原来的WhatWG升级了一下而已嘛～现在上网可真是越来越有趣啦!
结语
快来学学HTML5的设计技巧！学会这个，就能打造出时髦、好用又不违规的网站。别错过了网络发展的新趋势！
评论0