HTML5有关语义化标签和新特性

347 阅读1分钟

一、HTML5语义化标签

  • <header></header>

放在页面或布局的顶部,一般放置导航栏或标题,表示头部的意思;

  • <nav></nav> 表示页面的导航,也可以在<header>标签中使用,还可以显示在侧边栏中。一个页面之中可以有多个<nav>标签。

  • <aside></aside> 所包含的内容不是页面的主要内容、具有独立性,是对页面的补充。 <aside>一般使用在页面、文章的侧边栏、广告、友情链接等区域。

  • <footer></footer> 一般被放置在页面或者页面中某个区块的底部,包含版权信息、联系方式等信息。一个页面也可以有多个footer

  • <section></section> 一组或者一节内容。

二、html5新增的功能类标签;

  • 新增视频(video)和音频(audio);
  • 新增了canvas和svg绘图;
  • 新增了地理定位(navigator.geolocation)