一、认识HTML5元素分类
1.结构性元素，主要负责Web的上下文定义
section、header、footer、nav、article
2.级块性元素，主要完成Web页面区域的划分
aside、figure、code、dialog
3.行内语义性元素，主要完成Web页面具体内容的引用和表述
meter，特定范围内的数值，可用工资、数量、百分比
time、progress、video、audio
4.交互性元素
details、datagrid、menu（主要使用在Web应用 程序中）、command
二、构建主体内容
1.写文章--articel（article也可以用来表示插件，可以看作特殊的s3.
<article>
<h1>Internet Explorer 9</h1>
<p>Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布.....</p>
</article>
<!--header用来标注文章标题,footer作著作权脚注-->
2.给内容分段--section（用于对网站分区，每个分区都可以有独立的header）
<section>
<h1></h1>
</section>
<!--article和section的功能和div类似，都是用来分区-->
<!--article代表文档、页面或应用程序中独立完整的可以被外部引用的内容，如博客中的文章，论坛的帖子等，包含header和footer-->
<!--section用于对网站或者应用程序中页面上的内容进行分块，相邻的section内容相关-->
注意：不要用section当作设置样式的页面容器，对于此类操作应该使用div
如果article，aside元素或nav元素更符合使用条件，不要使用section
不要为没有标题的区块使用section，但nav和aside没有标题是合理的
3.nav设计导航信息（常用于导航条和翻页操作）
4.设置页面辅助信息的aside标签，用于侧边栏、广告、导航条、名词解释等
<aside>
<h4>Epcot Center</h4>
<p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>
<!-------------------------->
<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>
image.png
5.pubdate添加发布日期，也可以当datatime有多个时，用于区分
用在article元素的time上，指time元素代表了文章(article元素的内容)或整个网页的发布日期
<time datetime="2015-10-10" pubdate>2015-10-10</time>
网友评论