文档结构元素
150
﹤article﹥：该元素用于代表页面上独立、完整的一篇 “文章”，该元素表示的内容可以是一个贴子、一篇 Blog 文章、一篇短文、一条完整的回复等。总之，只要是一篇独立的文档内容，就应该使用﹤article.../﹥元素来表示。关于﹤article.../﹥的简单规则如下：
﹤article.../﹥元素内部可使用﹤header.../﹥定义文章 “标题” 部分。
﹤article.../﹥元素内部可使用﹤footer.../﹥定义文章 “脚注” 部分。
﹤article.../﹥元素内部可使用我个<﹤section.../﹥把文章内容分成几个 “段落”
﹤article.../﹥元素内部可嵌套多个﹤article.../﹥作为它的附属“文章”，比如一篇Blog文章后面可以有多篇回复文章。
﹤section﹥：该元素用于对页面的内容进行分块。﹤section.../﹥元素通常也可由标题和内容组成。关于﹤section.../﹥元素的简单规则如下：
通常建议﹤section.../﹥元素包含一个标题（也就是﹤h1.../﹥~﹤h6.../﹥元素定义的标题）。
﹤section.../﹥元素可以包含多个﹤article.../﹥元素，表示该“分块” 内部包含多篇文章。
﹤section.../﹥元素可以联套﹤section.../﹥元素，用于表示该“分块” 包含多个“子分块”
﹤nav﹥:该元素专门定义 页面上的“导航条”，包括页面上方的“主导航条”、侧边的“边栏导航”、页面内部的“页面导航”、页面下部的“底部导航”等，HTML 5 推荐将这些导航链接分别放在相应的﹤nav.../﹥元素中进行管理
﹤aside﹥：该元素专门用于定义当前页面或当前文章的附属信息，通常来说，推荐﹤nav.../﹥元素使用CSS渲染成侧边栏。
﹤header﹥：该元素主要用于为﹤article.../﹥元素定义文章“头部”信息。该元素内部即可包含多个﹤h1.../﹥~﹤h6.../﹥这样的标题元素，也可以包含﹤hgroup.../﹥元素，还可以包含普通的﹤p.../﹥、﹤span.../﹥等元素。
﹤hgroup﹥：该元素主要用于组织多个﹤h1.../﹥~﹤h6.../﹥这样的标题元素。当﹤header.../﹥需要包含多个标题元素时，可以考虑使用﹤hgroup.../﹥把他们组成一个组。
﹤footer﹥：该元素主要用于为﹤article.../﹥元素定义“脚注”部分，包括该文章的版权信息、作者授权信息等
﹤figure.../﹥：该元素用于表示一块独立的“图片区域”，该元素内部可包含一个或多个﹤img.../﹥元素所代表的图片。除此之外，该元素内部还可以包含一个﹤figcaption.../﹥元素，用于定义该“图片区域”的标题
﹤figcaption﹥：该元素通常放在﹤figure.../﹥内部，用于定义“图片区域“的标题。
﹤section.../﹥与﹤div.../﹥的语义是不同的，﹤div.../﹥元素只能是作为页面内容的通用容器，因此如果程序员是为了动态修改页面某个部分的内容，建议使用﹤div.../﹥元素；而﹤section.../﹥元素则主要作为内容”分块“
HTML 5提供的这些文档结构元素，并不是用来对文字进行格式化的，它提供的是一种文档结构。如果需要对文档内容进行格式化，可以通过添加 CSS 样式单来完成。实际上，HITML 5 提供的﹤nav.../﹥﹤aside.../﹥元素只是文档结构元素，并不负责对文本内容的格式化进行处理。
将﹤aside.../﹥元素放在﹤body.../﹥内部，表明为整个页面添加”边栏“
将﹤aside.../﹥放在其他父级元素内部，表明为父元素添加”边栏“