新增的主体结构元素.pptxVIP

本讲大纲：1、article元素 2、section元素 3、nav元素 4、aside元素 5、time元素 6、pubdate属性 支持网站：新增的主体结构元素 article元素 article元素表示文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件，或者他任何独立的内容。 除了内容部分，一个article元素通常有它自己的标题（一般放在一个header元素里面），有时还有自己的脚注。 article元素是可以嵌套使用的，内层的内容在原则上需要与外层的内容相关联。例如，一篇博客文章中，针对该文章的评论就可以使用嵌套article元素的方式；用来呈现评论的arcticle元素被包含在表示整体内容的article元素里面。 article元素也可以用来表示插件，它的作用是使插件看起来好像内嵌在页面中一样。section元素 Section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素；当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section元素。 article元素与section元素的区别 在HTML5中，article元素可以看成是一种特殊种类的section元素，它比section元素更强调独立性。即section元素强调分段或分块，而article强调独立性。总结来说，如果一块内容相对来说比较独立、完整的时候，应该使用article元素，但是如果你想将一块内容分成几段的时候，应该使用section元素。section元素注意：在HTML5中，div元素变成了一种容器，当使用CSS样式的时候，可以对这个容器进行一个总替CSS样式的套用。 对section元素的注意事项进行总结：不要将section元素用作设置样式的页面容器，那是div元素的工作。当article元素、aside元素或nav元素更符合页面要求时，尽量不要使用section。不要为没有标题的内容区块使用section元素。nav元素 Nav元素是一个可以用做页面导航的链接组，其中的导航元素链接到其他页面或当前页面的其他部分。并不是链接的每一个集合都是一个nav，只需要将主要的、基本的链接组放进nav元素即可。例如，在页脚中通常会有一组链接，包括服务条款、版权声明、联系方式等。对于这些footer元素就足够放置了。一个页面中可以拥有多个nav元素，作为页面整体或不同部分的导航。nav元素的应用场合Nav元素可以用于以下这些场合：传统导航条：现在主流网站上都有不同层级的导航条，其作用是将当前页面跳转到网站的其他主要页面上去。侧边框导航：现在主流博客网站及商品网站上都有侧边栏导航，其作用是将页面从当前文章或当前商品跳转到其他文章或其他商品页面上去页内导航：页内导航的作用是在本页面几个主要的组成部分之间进行跳转翻页操作：翻页操作是指在多个页面的前后页或博客网站的前后篇文章滚动。 注意：在HTML5中不要用menu元素代替nav元素。因为menu元素是用在一系列发出命令的菜单上的，是一种交互性的元素，或者更确切地说是使用在web应用程序中的。aside元素 aside元素用来表示当前页面或文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其他类似的有别于主要内容的部分。 aside元素主要有以下两种使用方法（1）被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关信息、名词解释，等等。 （2）在article元素之外使用，可以作为页面或站点全局的附属信息部分。最典型的形式就是侧边栏，其中的内容可以是友情链接，博客中其他文章列表、广告单元等。time元素 time是一个新元素，用于明确地对机器的日期和时间进行编码，并且以让人易读的方式来展现它。 time元素代表24小时中的某个时刻或某个日期，表示时刻允许带时差。它可以定义很多格式的日期和时间，如下所示：time datetime=2011-10-122011年10月12日/timetime datetime=2011-10-1210月12日/timetime datetime=1985-06-03我的生日/timetime datetime=2011-10-12T20:00今天晚上8点吃饭/timetime datetime=2011-10-12T20:00Z今天晚上8点吃饭/timetime datetime=2011-10-12T20:00+09:00现在时晚上8点得美国时间/timepubdate属性 pubdate是一个布尔属性，用