掌握HTML5中新增主体元素和非主体元素的定义,使用方法,使用场合,新增的主体结构元素有article元素,section元素,nav元素,aside元素;新增的非主体元素有header元素,hgroup元素,footer元素,address元素;掌握显式编排,隐式编排,HTML5分析器是按照什么原则来分析页面结构的,以及怎样对这些新增的元素使用css样式
article元素
article元素代表文档,页面或者应用程序中独立的,完整的,可以独自被外部引用的内容
article元素示例
article元素可以嵌套使用
内层的内容在原则上需要与外层的内容相关联,例如一片博客文章中,针对该文章的评论就可以使用嵌套article元素的方式,用来呈现评论的article元素被包含在表示整体内容的article元素里面
<!DOCTYPE html>
<meta charset="utf-8">
<article>
<header>
<h1>苹果</h1>
<p>
发表日期:<time pubdate datetime="2010/10/09">2010/10/09</time>
</p>
</header>
<p>
<b>苹果</b> 植物类水果,多次花果.......
</p>
<section>
<h2>评论</h2>
<article>
<header>
<h3>发表者:哈哈哈</h3>
<p>
<time pubdate datetime="2010-10-10T19:10--8:00">
1小时前
</time>
</p>
</header>
<p>我喜欢苹果,我最喜爱的品种是红富士</p>
</article>
<article>
<header>
<h3>发表者:张玉</h3>
<p>
<time pubdate datetime="2010-10-101T19:15-08:00">1小时前</time>
</p>
</header>
<p>苹果?我不喜欢,我喜欢吃橘子</p>
</article>
</section
</article>
用article元素表示插件:他的作用是使插件看起来好像内嵌到页面中的一样
<!DOCTYPE html>
<meta charset="utf-8">
<article>
<h1>huhuhuhu</h1>
<object>
<param name="allowFullScreen" value="true">
<embed src="#" width="600" height="395s"></embed>
</object>
<!-- 定义和用法
定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。
<object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。
浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。
而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 <object> 和 </object> 之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。
-->
</article>