js--语义化标签

189 阅读1分钟

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

图片1.png