# HTML5 新特性

这里说的“新特性”,其实已经不新了,HTML5 标准早在 2014 年就已经作为稳定 W3C 推荐标准发布,为什么说 HTML5 的特性是“新特性”呢?

因为上一代 HTML4 标准作为 W3C 推荐标准发布已经是 1999 年的事情了,在中间的时间跨度着实有点长。

废话不多说,进入正题。

# 语义化标签

HTML 作为页面结构的骨架,传统在 HTML4 中大多使用div对页面进行布局,使用div布局虽然非常方便,但是也有不少缺点,比如代码可读性差、不利于 SEO 等。

HTML5 为了添补这方面的空缺,推出了一些新的语义化标签,使得页面结构更加清晰,代码可读性更好,SEO 性能更好。

# 块级元素

  • <header></header>:头部
  • <aside></aside>:侧边栏
  • <section></section>:部分区块
  • <article></article>:文章段落
  • <footer></footer>:底部
  • <nav></nav>:导航栏
  • <summary></summary>:摘要
  • <details></details>:详情

# 行内元素

  • <time></time>:时间
  • <mark></mark>:标记

# 新表单类型