W3C 在 1 月 22 日发布了最新的 HTML5 工作草案。HTML5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，比如 header, section, footer, 以及 figure。通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则，HTML5 改进了互操作性，并减少了开发成本。

本篇文章是一个由四个部分构成的系列的第三部分，该文章系列旨在寻找并突出说明HTML5中的变化。其开始先介绍新的标签和页面的组织，接着提供一些网页设计方面的高层面信息，然后是表单的创建，以及API的使用及其价值所在，最后是Canvas提供的一些颇具创意的可能做法。

目录，什么是SEO？搜索引擎排名因素网站SEO自我检查URL规范化页面HTML静态化TITLE的书写关键词部署导航条设计浏览权限导致的未收录案例分析什么是SEO？SEO简称“搜索引擎优化”。SEO是一种让网站从百度、GOOGLE等搜索引擎获得更多潜在客户的网络营销方式。SEO的主要任务是通过对网站结构、关键字选择、网站内容规划进行调整和优化，提高网站在搜索结果中的自然排名。

W3C 在 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，比如header, section, footer, 以及figure。 通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则，HTML 5 改进了互操作性，并减少了开发成本。

css简介层叠样式表样式表的定义与使用直接定义标记的style属性定义内部样式表嵌入外部样式表链接外部样式表样式表的定义与使用直接定义标记的style属性

就如 HTML初级教程，CSS初级教程假设你对CSS一无所知。这个教程的目的是教授CSS的骨干元素──已经可以足够让你来开始学习了。CSS中级教程和CSS高级教程将探讨CSS的更深层次。 CSS，或Cascading Styles Sheets，中译层叠样式表或级联样式表，是样式化HTML的一种方法。HTML是文档的内容，则样式表是文档的表现，或者说外观。

FLOAT闭合（clearingfloat）网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合，这也是div无法自适应高度的一个原因。如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV，这种情况一般出现在一个父DIV下包含多个子DIV。

HTML语言是由万维网的创始人蒂姆发明的。HTML语言除了能够处理文字和图片信息外，还能把文档中的词和图像与其它文档链接起来，做成一个“超链接”。当用户点击超链接时，就可以通过该超链接的URL把与其关联的文档查找出来并显示在屏幕上。 　　 HTML对文件显示的具体格式进行了详细的规定和描述。例如，它规定了文件的标题、段落如何显示，规定了如何在超文本文件中嵌入图像、声音和动画，以及如何与其它文件进行链接等。

本手册针对的是已有一定网页设计制作经验的读者。其目的是提供最新最全的样式表内容的快速索引及注释。所以对于样式表的基础知识，在此仅简单介绍，恕不赘述。 本手册的升级信息与版权声明请参阅关于本书页面。本手册中专用词汇请参阅中英文词汇对照表。 限于篇幅，对于一些过于繁杂的相关内容，如动态样式属性（Dynamic Properties），滤镜（Filters），行为（Behaviors）请参阅我的其它相关著作。 本书中涉及到的所有HTML对象（Object，Element），HTML特性（Attributes）和属性（Properties）请参阅我的相关著作。

表示一个缩写形式，比如 "Inc."、"etc."。通过对缩写词语进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。abbr 标签最初是在 HTML 4.0 中引入的，表示它所包含的文本是一个更长的单词或短语的缩写形式。浏览器可能会根据这个信息改变对这些文本的显示方式，或者用其他文本代替。也许当前流行的浏览器对 <abbr> 标签中包含的文本还没有任何处理方式，但是我们无法预测将来的版本将会如何实现该标签。

CSS就是Cascading Style Sheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术。 网页设计最初是用HTML标记来定义页面文档及格式，例如标题<h1>、段落<p>、表格<table>、链接<a>等，但这些标记不能满足更多的文档样式需求，为了解决这个问题，在1997年W3C(The World Wide Web Consortium)颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1, 自CSS1的版本之后，又在1998年5月发布了CSS2版本，样式表得到了更多的充实。W3C把DHTML(Dynamic HTML)分为三个部分来实现：脚本语言(包括JavaScript、Vbscript等)、支持动态效果的浏览器(包括Internet Explorer、Netscape Navigator等)和CSS样式表。

什么是浏览器HACK：当我们使用不同的浏览器（Firefox IE7 IE6）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，有的显示出来正常，有的显示出来不正常，我们在编写CSS的时候会很恼火，刚修复了这个浏览器的问题，结果另外一个浏览器却出了新问题。而HACK就是一种办法，能让你在一个CSS里面独立的写支持不同浏览器的样式。

尽管CSS资源的数量越来越多，但是在CSS邮件列表上仍然总是看到有人问同样的问题：如何让设计居中？最好的圆角框技术是什么？如何创建三列布局？ 如果你熟悉CSS设计社区，那么寻找解决方案时无非就是回想一下某篇文章或某种技术曾在哪个网站重点介绍过。但是，如果你是CSS的初学者，或者没有时间阅读所有博客，那么这些信息可能并不好找。 CSS有些方面（比如定位模型和特殊性）比较晦涩，即使是有经验的CSS开发人员也会遇到问题。这是因为大多数CSS开发人员都是靠自学的，他们从各种文章和别人的代码中学习经验，而没有全面理解CSS规范。这也不奇怪，因为CSS规范本身十分复杂，常常还自相矛盾，它的目标读者是浏览器厂商而不是网页开发人员。

HTML5是新兴的web技术，虽然不是完全的新技术但是已经有很多的相关文章介绍HTML5，特别是当我们谈论HTML5将成为Flash的替代品。现代浏览器的快速开发已经刺激用户相应发展。毫无质疑，现在是学习HTML5的好时间，大多数的公司例如Google，Youtube，Facebook都已经开始使用HTML5来建站了。

HTML 5是时下Web开发领域炒得火热的一个术语，是的，很多人都看好它，也有很多业内知名公司开始正式使用HTML 5重新构建自己的网站，如YouTube开始使用HTML 5视频，Google 已经弃用自家的Gears，开始全面拥抱HTML 5实现离线解决方案，各大浏览器厂家也纷纷开始支持HTML 5，连被人诟病的微软也声称要在IE 9中增加对HTML 5的支持。本文打算为大家详细介绍一下如何构建一个完整的HTML 5 Web页面，以加深对HTML 5的理解。

]HTML5的发展得如火如荼，各位技术人员都在深入的研究和试图掌握此项技术，Webkit就做到了HTML5方式的客户端数据库存储。且先看下Webkit是如何实现的吧！

Web设计师可以使用HTML4和CSS2.1完成一些很酷的东西。我们可以在不使用陈旧的基于table布局的基础上完成文档逻辑结构并创建内容丰富的网站。我们可以在不使用内联<font>和<br>标签的基础上对网站添加漂亮而细腻的风格样式。事实上，我们目前的设计能力已经让我们远离了那个可怕的浏览器战争时代、专有协议和那些充满闪动、滚动和闪烁的丑陋网页。

这段代码是用HTML5来创建一个网页颜色选择器。首先在Canvas画一幅图，然后添加鼠标事件 “鼠标移动”，“鼠标点击”。在鼠标移动的时候，显示当前划过的颜色预览，在鼠标点击的时候，选中当前颜色，显示颜色的细节。

当前的Web开发存在着两种趋势，一是基于HTML、CSS和JavaScript技术，比如以Dojo工具包、jQuery等为基础的HTML页面；另一种是基于浏览器端运行时，如基于Flash、Silverlight等技术的应用。