[HTML&CSS]Doctype?严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?Doctype声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范。该标签可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML文档。

传统布局与CSS布局XHTML与CSS基础4CSS网页布局与定位实例：三栏居中式布局1.1.1传统Table布局传统Table布局方式只是利用了HTML的table元素所具有的零边框特性因此，Table布局的核心是：设计一个能满足版式要求的表格结构，将内容装入每个单元格中，间距及空格使用透明gif图片实现，最终的结构是一个复杂的表格（有时候会出现多次嵌套），显然，这样不利于设计和修改。

为了提高网站开发效率，代码的可读性及后期的维护便利性，现将公司网站项目CSS样式作以下规范：结构划分网站的CSS样式文件通过以下结构划分：layout.css整站布局样式public.css整站公用样式.

CSS概述CSS指层叠样式表(Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在CSS 文件中 多个样式定义可层叠为一

• 以用户为中心。设计由用户控制的界面，而不是界面控制用户。<br> • 清楚一致的设计。所有界面的风格保持一致，所有具有相同含义的术语保持一致，且易于理解<br> • 较快的响应速度。<br> • 简单且美观。

5日精通CSS层叠样式表

CSS3速查表

HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本，旨在消除富 Internet 程序（RIA）对 Flash， Silverlight， JavaFX 一类浏览器插件的依赖。HTML 5 的讨论开始于2003年，当时W3C 对由 Web Hypertext zssApplication Technology Working Group (WHATWG) 开发的 HTML 5 草案表示出兴趣，WHATWG 创始于2004年，由苹果，Mozilla 基金会，以及 Opera 公司的 代表组成。此后，W3C HTML Working Group 于2007年成立并着手开发 HTML 5。W3C 于 2008 年 1 月 推出 HTML5 的第一份草案目前，开发工作仍在进行中，并将于2012年向 W3C 提交初步意见，不过现在已经有不少浏览器部分支持 HTML 5。

CSS简介什么是CSS？CSS是Cascading Style Sheet的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。使用CSS布局的优点：采用CSS布局相对于传统的TABLE网页布局而具有以下3个显著优势：1：表现和内容相分离将设计部分剥离出来放在一个独立样式文件中，一.CSS简介HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。

Firebug是Firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和 Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。

目前网页主要使用charset=gb2312 和charset=utf-8 ; (解释: 如果网页格式是utf-8 ,最简单的方法就是在写样式表之前将这个css文件用记事本打开,然后另存为utf-8格式。 当格式是utf-8格式时，在css文件内容顶部加上“@charset "utf-8";”标识)

某些称呼常常被挂在嘴边:“HTML5技术”，“HTML5开发”，“某某产品HTML5版本”。 就像通讯协议2G,3G标准一样，HTML5技术内容来自各个浏览器厂商提供的成熟技术，其中一些已经被使用了多年（比如IE5，6里面的某些事实标准）。还有很多“HTML5技术”是各种存在已久工业标准往Web上面照搬（或者是子集），比如MathML（用于描述数学公式，以后做课件会很方便），HTML5内容之庞大不是几句话就可以说的清的，现在它还在不停地增长。

从HTML4诞生以来，整个互联网环境、硬件环境都发生了翻天覆地的变化，开发者期望标准统一、用户渴望更好体验的呼声越来越高。20年磨一剑，HTML5作为下一代Web标准，它的新特性正在每个新式浏览器的版本中快速的得到支持和体现。随着HTML5和CSS3的发展和完善，Web应用程序正在逐渐的表现出桌面应用的性能和功能，和桌面应用之间的区别将越来越模糊。未来不能用HTML5来实现的功能将越来越少，未来绘图、视频编辑、3D建模等也将从单机软件转到浏览器上通过Web应用程序来实现。

HTML5&CSS3实战课程 - 第一节

HTML5&CSS3实战课程 - 第三节

HTML5&CSS3实战课程 - 第二节

HTML 常用标签

CSS2手册

摧毁一个好网站的最好手段是什么?访问它。起码给人的感觉常常是这样的。你夜以继日千辛万苦搭建好的界面，到头来却壮志未酬身先死，绝大多数的访客，在这些界面所支撑的过程进行到一半的时候就放弃了。大多数情况下，访问者离开是因为碰到了障碍：遇到了让他们无法继续下去的问题。比如说敲错了信用卡号或点击错了链接，又或者是敲错了网址。这不是他们的错。

为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后可以更改此文档.