HTML5的历史:
- 产生于1990年
- 1997年HTML4出现并且维持了10年时间
- 2008年HTML5出现,2012年趋于稳定(移动互联的红利期)
语义化标签的优势:
- 代码结构清晰,方便阅读,有利于团队合作开发
- 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以语义的方式来渲染网页
- 有利于搜索引擎优化(SEO)
1) 分区分块:ul+li、header(页眉)、nav(标记文档内部导航)、main(主要功能区域,一次)、article(独立于文档其余部分)、section(文档中一个区域)、aside(所处内容之外,侧边栏等)、footer(页脚)、figure(独立流,图片代码等)、figcaption(figure内部,首或尾标题)、
2) 文本标注:title(主题)、h1-h6(分级标题)、small(小号字体,署名)、em(强调,斜体)、strong(更重强调)、mark(黄色突出)、cite(对文献引用)、blockquoto(块引用)、q(短引述)、time(datetime合法日期格式)、abbr(简称)、dfn(定义术语)、address(联系信息)、del(移除的内容)、ins(添加的内容)、code(标记代码)、meter(测量)、progress(进度)
pre+code+samp(代码和结果展示)
3) body中主要分布:aside侧边栏 header页眉 main内容 footer页脚
4) 导航nav可以在每一个区域中:h2 + li