文章标签: CSS3

Article和Section区

你设计的页面包含了一个Article区，该区域存放了页面的实际内容。你使用< article>标签来创建这一区域，该标签定义的内容可独立于页面中的其他内容使用。例如，如果想创建一个RSS源(RSS feed)的话，那么你可以使用<article>来唯一标识该内容。<article>标签标识了可被删除、可被放置在另一上下文中，并且是可被完全理解的内容。

Acme United规划中的Article区包含了三个Section区，可使用<setction>标签来创建这几个区域。<section>包含了web内容的相关组件区域，<section>标签——以及<article>标签——可以包含页眉、页脚，或是其他需要用来完成该部分内容的组件。< section>标签用于分组的内容，<section>标签和<article>标签通常以一个<header>为开始并以一个<footer>结束，标签的内容则放在这两者之间。

<section>标签也可以包含<article>标签，就像<article>标签可以包含<section>标签一样。<section>标签应该用来分组相类似的信息，而<article>标签则应该是用来放置诸如一篇文章或是博客一类的信息，这些内容可在不影响内容含义的情况下被删除或是被放置到新的上下文中。<article>标签，正如它的名称所暗示的那样，提供了一个完整的信息包。相比之下，<section>标签包含的是有关联的信息，但这些信息自身不能被放置到不同的上下文中，因为这样的话其所代表的含义就会丢失。

<article>和<section>标签的用法例子请参见清单4。

HTML5反映了在网络上和在云端实施业务的方式的巨大变化。本篇文章是一个由四个部分构成的系列的第一部分，该文章系列旨在寻找并突出说明HTML5中的变化。其开始先介绍新的标签和页面的组织，然后提供一些网页设计方面的高层面信息，比如说表单的创建、API的使用及其价值所在，以及Canvas提供的一些颇具创意的可能做法等。

HTML5是一种设计来组织web内容的语言，其目的是通过创建一种标准的和直观的UI标记语言来把web设计和开发变得容易起来。HTML5提供了各种切割和划分页面的手段，其允许你创建的切割组件不仅能用来逻辑地组织站点，而且能够赋予网站聚合的能力。 HTML5可谓是“信息到网站设计的映射方法”，因为它体现了信息映射的本质，划分信息，并给信息加上标签，使其变得容易使用和理解。这是HTML5富于表现力的语义和实用性美学的基础，HTML5赋予设计者和开发者各种层面的能力来向外发布各式各样的内容，从简单的文本内容到丰富的、交互式的多媒体无不包括在内。

HTML5提供了高效的数据管理、绘制、视频和音频工具，其促进了web上的和便携式设备的跨浏览器应用的开发。HTML5是驱动移动云计算服务方面的发展的技术之一，因为其允许更大的灵活性，支持开发非常精彩的交互式网站。其还引入了新的标签（tag）和增强性的功能，其中包括了一个优雅的结构、表单的控制、API、多媒体、数据库支持和显著提升的处理速度等。

HTML5中的新标签都是能高度关联唤起的，标签封装了它们的作用和用法。HTML的过去版本更多的是使用非描述性的标签，然而，HTML5拥有高度描述性的、直观的标签，其提供了丰富的能够立刻让人识别出内容的内容标签。例如，被频繁使用的<div>标签已经有了两个增补进来的<section>和<article>标签。 <video>、<audio>、<canvas>和<figure> 标签的增加也提供了对特定类型内容的更加精确的描述。

北京时间6月30日消息，据国外媒体报道，微软周三发布了针对开发者人群的IE10浏览器第二个平台预览(platform preview)版。据悉，该预览版重大修订内容之一是提高了对HTML5技术标准的支持。

在微软开发新版浏览器过程中，会首先向开发者社区提供平台预览版，目的是使外部网站能够提前做好准备，并将测试过程中遇到的问题及其他建议反馈给微软。多数情况下，微软每12周会发布一个新的平台预览版。在收集开发者的反馈意见后，微软将推出测试版，然后再推出正式版。

据悉，IE10第二个平台预览版主要有三项改进：提高对HTML5技术标准的支持、整体运行速度更快以及提高安全性能。微软IE部门高级主管赖安·加文(Ryan Gavin)表示：“宣布支持HTML5是一回事，而支持HTML5程度是否良好又是另一回事。”

加文称，从技术指标上看，IE10对HTML5以及CSS3标准的支持良好程度，要高于火狐(Firefox)5.0版和谷歌Chrome 13版。

加文还表示，IE10第二个平台预览版使用了性能更好的硬件加速技术，外部开发者可借此开发内容更丰富、互动性更强的网站。此外，IE10还支持HTML5的“沙盒”(Sandbox)及“iframe”隔离技术，从而进一步提高IE10的安全保护性能。

在我们开始使用HTML5和CSS3进行实战之前，必需对当前这个时期的一些现实状况有清楚的认识。

眼下，HTML5技术仍不是给所有人准备的，我们一定要实战中对“何时”和“怎样”使用新技术做到心知肚明；要对各种标记元素的特性有所了解，将它们当作手头的工具，在正确的地方使用。

一个会发生的状况是，使用HTML5编写的页面会使整个站点处于一种“过渡”状态；即使页面可以被正确的渲染显示，浏览器也未必能像对待已成熟的标记代码那样来正确的理解新的代码；对于某些屏幕阅读器和搜索引擎来说，这样的状况也可能发生。

另外我们还需要明白，HTML5仍处于开发状态，而且它很可能是W3C所进行过的最具开放性的项目；身处大量的意见建议反馈以及天花乱坠的宣传之中，目前的定义规范草稿仍会不停的变动，并很难预料变动的程度。