51CTO下载-HTML5+入门

《51CTO下载-HTML5+入门》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、根据你们询问的人，HTML5不是迈向创造更语义化的网络的下一个重要步伐，就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。争论双方的问题在于，很少的站点在自然环境下使用HTML5，所以现在所认识到的问题的理论解决方案仍然在很大程度上未经考验。即便如此，我们不难发现下一代网络标记工具的好处和潜在的问题。HTML5有什么不同？首先，我们通过HTML5表达什么？理论上，我们表达所有的事——新的语义结构标签，例如canvas或者离线储存等API规范，以及新的内联语义标签。尽管如此，我们把实际的原因（PS：浏览器支持问题）仅仅局限于结构标签。canvas，离线储

2、存，本地视频或者地理定位API都很绝妙，然而他们还不能被所有浏览器一致的支持。“但是等等”，你说，“大多数浏览器也都不支持新的结构元素！”这是真的，但他们中的绝大多数将会很乐意去接受你想要创建的任何标签。甚至连IE6也可以处理新标签，尽管如果你想要使用CSS设置样式，你需要一点JavaScript的帮助。当你对新标签设置样式时，你需要记住一件事，那就是未知标签在大部分浏览器中没有默认样式。他们同时被认为是行级元素。尽管如此，由于大部分HTML5的新标签可以构造，我们将让他们拥有块级元素的行为。解决方法是确认你在CSS样式中包含了display:block;（让

3、对象成为块级元素）。为了帮助了解当今HTML5的一些新玩意儿，我们现在就进入正题，开始使用一些新的结构元素。最终，一个任何人都可以记住的文档类型我们创建HTML5文档第一件需要做的事情就是使用新的文档类型。现在，如果你还清楚的记得HTML4或者XHTML1.x的文档类型，你真是一个比我们更强的淘气鬼。每当我们新建一个页面，我们必须打开一个旧的文件，剪切并粘贴文档类型定义。这真是痛苦，也是为什么我们喜欢新的HTML5文档类型。你准备好了么？他出现了：不会太难记。简单并且容易理解。不区分大小写。这个构想是停止HTML版本化，使向后兼容变得更容易。从长远看是否成功是

4、另外的事情，但至少他节省了你输入的平均时间。最基本语义结构我们已经将我们的页面定义为HTML5文档。到现在为止，一切都还不错。现在，这些我们已经听说的新标签到底是什么？在我们钻研新标签前，想想你一般网页的结构，大概像这样：这对于展示用途很好，但如果我们想要知道一些关于页面元素包含什么的问题，这又怎么办呢？上面的例子中，我们为我们所有的结构div添加了ID。这在有见识的设计师中是很平常的事。目的有两个方面，首先，ID提供了可以能用于给页面的特殊段落应用样式的锚，其次，ID充当基本的伪语义结构。高明的解析器将会查看标签的ID属性，并尝试去猜测他们的含义，但当每个站

5、点的ID名称不同的时候很难。这就是新结构标签到来的理由。当认识到这些ID成为了惯例，HTML5的缔造者们更进一步，使这些元素中的一部分变成他们独立的标签。这儿有一个HTML5中生效的新标签的快速概要：