HTML5的新增特性主要是针对于以前的不足,增勖加了一些新的标签、新的表单和新的表单属性等。
这些新特性都有兼容性问题,基本是9+以上版本的浏览器才支特,如果不考虑兼容性问题,可以大量使用这些新特性。
声明:
1.新特性增加了很多,但是我们专注于开发常用的新特性
2.基础班我们讲解部分新特性,到了就业班还会继续讲解其他新特性。
HTML5新增的语义化标签
语义 = 意义
什么是语义元素?
一个语义元素能够清楚的描述其意义给浏览器和开发者。
无语义 元素实例: <div> 和 <span> - 无需考虑内容.
语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容.
以前布局基本都是用div来做。div对于搜索引擎来说,是没有语义的。
许多现有网站都包含以下HTML代码: <div id="nav">, <div class="header">, 或者 <div id="footer">, 来指明导航链接, 头部, 以及尾部.
HTML5 提供了新的语义元素来明确一个Web页面的不同部分:
<header>、<nav>、<section>、<article>、<aside>、<figcaption>、<figure>、<footer>
-
<header>
<header>元素描述了文档的头部区域
<header>元素主要用于定义内容的介绍展示区域.
在页面中你可以使用多个<header> 元素.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html5新增特性之语义标签——header</title>
</head>
<body>
<article>
<header>
<h1>Internet Explorer 9</h1>
<p><time pubdate datetime="2011-03-15"></time></p>
</header>
<p> Windows Internet Explorer 9(