html5开始之网页结构

终于到了期待已久的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新增的拖放技术等。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值