欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML5+CSS3学习笔记(一) 概述

程序员文章站 2022-06-21 22:45:33
HTML5+CSS3概述       HTML5和CSS3不仅仅是两项新的Web技术标准,更代表了下一代HTML和CSS技术。虽然HTM...
HTML5+CSS3概述
 
    HTML5和CSS3不仅仅是两项新的Web技术标准,更代表了下一代HTML和CSS技术。虽然HTML5的标准规范还没有正式发布,但是未来的发展前景已经可以预见,那就是HTML5必将被越来越多的Web开发人员所使用,各大主流浏览器厂家已经积极更新自己的产品,以更好地支持HTML5。
 
一.一个新的Web开发平台
 
    HTML5围绕一个核心:构建一套更加强大的Web应用开发平台。
 
优势:
 
1)更多的描述性标签:HTML5引入非常多的描述性标签,例如用于定义头部(header)、尾部(footer)、导航区域(nav)、侧边栏(aside)等标签,使开发人员非常方便的构建页面元素。
 
2)良好的多媒体支持:对于先前的以插件的方式播放音频、视频带来的麻烦,HTML5有了解决方案,audio标签和video标签能够方便的实现应变。
 
3)更强大的Web应用:HTML5提供了令人称奇的功能,某些情况下,你甚至可以完全放弃使用第三方技术。
 
4)跨文档消息通信:Web浏览器会组织不同域间的脚本交互或影响,但是对于可信任的脚本或许就是麻烦。HTML5引入了一套安全且易于实现的应对方案。
 
5)Web Sockets:HTML5提供了对Web Sockets的支持。
 
6)客户端存储:HTML5的Web Storage和Web SQL Database API,可以在浏览器中构建Web应用的客户端持久化数据。
 
7)更加精美的界面:HTML5+CSS3组合渲染出来的界面效果有时候是无法想象的精美。
 
8)更强大的表单:HTML5提供了功能更加强大的表单界面控件,使用非常方便。
 
9)提升可访问性:内容更加清晰,使用户的操作更加简单方便,体验提升。
 
10)先进的选择器:CSS3选择器可以方便的识别出表格的奇偶行、复选框等,代码标记更少。
 
11)视觉效果:精美界面的一部分,阴影、渐变、圆角、旋转等视觉效果。
 
二.HTML5向后兼容
 
    对于部分浏览器尚未完全支持HTML5,HTML5可以在代码中方便地加入兼容自适应备用解决方案的代码。在编写完HTML5代码时,可以W3C验证服务来进行验证(相对的,因为HTML5标准还在演进中)。
 
三.HTML5中的标签、属性变化
 
HTML5废弃了不少常见的标签,包括:
 
1)表现性元素:basefont,big,center,font,s,strike,tt,u
 
2)移除对框架的支持:frame,frameset,noframes
 
3)这些:abbr取代acronym,object取代applet,ul取代dir
 
一些属性不再有效:
 
align;
 
body标签上的link,vlink,alink和text属性;
 
bgcolor;
 
height和width;
 
iframe元素上的scrolling;
 
valign;
 
hscape和vscape;
 
table标签上的cellpadding,cellspacing和border;
 
head标签上的profile;
 
img和iframe的longdesc.
 
 
 
跟上HTML5和CSS3进步的步伐,不断更新自己的知识,对开发人员来说无疑好事。
 
接下来,将进入HTML5的具体学习,感受HTML5的Web开发惊喜。
 
参考资料:《HTML5和CSS3实例教程》


 作者 Little Thinker