终于到了期待已久的h5了,接下来我会利用空闲的时间仔细的研究一下h5。
就从网页结构开始吧。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>基本网页结构</title>
</head>
<body>
<header>...</header> <!--新增元素,表示页面中的一个内容区块或者整个页面的标题。-->
<nav>...</nav> <!--新增元素,表示页面中的导航链接的部分-->
<article>...</article> <!--表示页面中的一块与上下文不相关的独立内容,比如一篇文章中的文章-->
<section>...</section> <!--表示页面中的一块内容区域,比如章节的页眉、页脚等。也可以和(h1、h2..)等一起使用,标示出文档的结构-->
<aside>...</aside> <!--表示article元素的内容之外的,和内容相关的辅助信息。-->
<footer>...</footer> <!--表示页面或者是页面中的一块区域的页脚,比如存放文件的创建时间、作者、联系方式等。-->
</body>
</html>
如新增的主题结构元素如:
article、section、aside、nav、time、pubdate等等。
其中nav的使用场合有:
1、传统的导航条,2、侧边栏导航, 3、内页导航, 4、翻页操作等。
time:表示24小时中的某个时间或日期,表示时间时允许带有时差。可以定义的格式有:
<time datetime="2016-9-4">2016年9月4</time>
<time datetime="2016-9-4">9月4</time>
<time datetime="2016-9-4">今天的时间</time>
<time datetime="2016-9-4T21:30">2016年9月4晚上9点</time>
<time datetime="2016-9-4T21:30Z">UTC标准时间2016年9月4晚上9点</time>
<time datetime="2016-9-4T21:30+8:00">中国时间2016年9月4晚上9点</time>
pubdate一般和time一起使用,如
<p>发布时间:<time datetime="2016-9-4" pubdate="pubdate">2016年9月4日</time></p>
有pubdate的time,就表示这篇blog的发布时间等。
hgroup元素:将标题和它的子标题进行分组的元素,hgroup一般会把h1---h6元素进行分组,
如在一个内容区块的标题和它的子标题算是一组。
<hgroup>
<h1>文章主标题</h1>
<h2>文章子标题</h2>
</hgroup>
figure元素与figcaption元素。
details元素与summary元素。(目前只支持chorme浏览器)
mark元素。
progress元素。
meter元素。
html5为ol标签添加了start属性和reversed属性。
canvas元素。
html4中使用cookies在客户端保存用户名等等一些简单的用户信息。
而html5新增了webStorage,有两种保存方式sessionStorage(临时保存)和localStorage(永久保存)。
以及h5新增的拖放技术等。