一、HTML5简介
1、HTML5的发展历史
2、HTML5的支持浏览器
不同的浏览器显示的效果可能不一样。因为HTML5没有一个统一的标准,不同的浏览器解析时不一样的,现在还处于一个推广的阶段,但是大部分的是一样的.
二、Html5新标签
语义化:
HTML特点
1.增加了新特性:语义特性,本地存储特性,设备兼容特性,连接特性,网页多媒体特性,三维、图形及特效特性,性能与集成特性,CSS3特性。
2.<header></header>
说明:定义文档的页眉,至少包含(但不局限于)一个标题标记(<h1>-<h6>),还可以包括<hgroup>标签,还可以包括表格内容、标识、搜索表单、<nav>导航等。<header>标签不能被放在<footer>、<address>或者另一个<header>元素内部,但它不局限于写在网页头部,也可以写在网页内容里面。
3.<nav></nav>
说明:作为页面导航的链接组,其中的导航元素链接到其它页面或者当前页面的其它部分。在语义化方面更加精确,同时对于屏幕阅读器等设备支持更好。
4.<main></main>
说明:在一个文档中,不能出现一个以上的<main>元素。<main>元素不能是以下元素的后代:<article>、<aside>、<footer>、<header>或<nav>。
5.<article>
比section具有更明确的语义,它代表一个独立的、完整的相关内容块,可独立于页面其它内容使用。例如一篇完整的论坛帖子,一篇博客文章,一个用户评论等等。一般来说,article会有标题部分(通常包含在header内),有时也会包含footer。article可以嵌套,内层的article对外层的article标签有隶属关系(父子关系)。例如,一篇博客的文章,可以用article显示,然后一些评论可以以article的形式嵌入其中。
5、<section>
<section>标签定义了文档的章节,本意是区块。比如章节、头部、底部或者文档的其他区域,它表示一段专题性的内容,通常由内容及其标题组成。
6、<aside></aside>
用来装载非正文的内容,被视为页面里面一个单独的部分。它包含的内容与页面的主要内容是分开的,