网站制作的程序多种多样，网络发展，技术也要相对升级，编写网站的代码技术典型代表要属html代码了，在网站中应用广泛，也比较实用。html现在发展到5，html5是最新的代码语言。
一般广义而言的html5则包含了html、css和javascript三个部分，不单单只是html部分而已，css 3和javascript也有许多的创新，让整个网页程序功能更加缤纷。html5的技术组成：
一、脱机功能
html5透过javascript提供了数种不同的脱机储存功能，相对于传统的cookie而言有更好的弹性以及架构，并且可以储存更多的内容。
webstorage – 比cookies更大、更有弹性的的储存；web sql database – 本地端的sql数据库；indexed db – key-value的本地数据库；application cache – 将部分常用的网页内容cache起来 实时通讯实时通讯实时通讯实时通讯 以往网站由于http协议以及浏览器的设计，实时的互动性相当的受限，只能使用一些技巧来「仿真」实时的通讯效果，但html5提供了完善的实时通讯支持。
websocket – 实时的socket联机；web workers – 以往javascript都是single thread，透过worker可以有多个运算；notifications – 原生的提示讯息，类似像os x的growl提示。
二、档案以及硬件支持
不知道大家有没有发现，在gmail等新的网页程序当中，已经可以透过拖拉的方式将档案作为邮件附件，这就是这部份html5档案的功能中的drag’n drop和file api。drag’n drop – html元素的拖拉；file api – 读取用户本机计算机的内容；geolocation – 地理定位；device orientation – 手持装置的方向；speech input – 语音输入 。
三、语意化
语意化的网络是可以让计算机能够更加理解网页的内容，对于像是搜索引擎的优化（seo）或是推荐系统可以有很大的帮助。new tags – 新的标签，像是< header>、< section>等。application tags – 也是新的标签，像是< meter>、< progress> 等；microdata – 加入语意的数据让搜索引擎等网站可以正确显示；form type – < form>可以加入的type便多了，包含email和tel等属性，浏览器会协助进行数据格式的验证。
四、多媒体
audio、video的卷标支持以及canvas的功能应该是大家对于html5最熟悉的部份了，也是许多人认为flash会被取代的主要原因；audio video – 影片和音乐的原生播放支持；canvas – 2d的绘图功能支持；canvas 3d – 3d的绘图功能支持；svg – 向量图支援。
五、css 3
css3支持了字体的嵌入、版面的排版，以及最令人印象深刻的动画功能。
selector – 更有弹性的选择器；webfonts – 嵌入式字体；layout – 多样化的排版选择；stlying radius gradient shadow – 圆角、渐层、阴影；border background – 边框的背景支持；transition – 组件的移动效果；transform – 组件的变形效果；animation – 将移动和变形加入动画支持。
六、javascript
在比较javascript的基本面也新增了dom的api、和浏览器上下页的纪录修改。
dom api – 更方便的查询dom组件；history api – 浏览器的上下页内容修改，方便ajax可以保留浏览记录。