HTML5新增的结构元素和网页元素

1.什么是HTML5

HTML5是用于取代HTML和XHTML的标准版本

新特性：

新的语义化标签，比如header、footer、nav

新的表单控件，比如email、url、search

用于绘画的canvas元素

用于媒介回放的video和audio元素

目前所学内容中全是div的布局：

• 不利于网站对访客的易用性
• 不利于搜索引擎或者爬虫软件建立索引
• 不便于后期的代码维护

使用什么方法能够解决上面的问题呢？

• HTML5新增结构元素
• HTML5新增网页元素
• header main nav section section aside article footer不会带来样式的变化，但是增加对浏览器的语义化和代码的易维护性

2.HTML5新增的结构元素

<header></header>

页面或页面中某一个区块的页眉，通常是一些引导和导航信息

一般是用在头部信息上

<main></main>

使用main来包裹主体的内容

<nav></nav>

可以作为页面导航的链接组

一般导航的内容可以使用nav来包裹

<section></section>

页面中的一个内容区块，通常由内容及其标题组成

一般可以