作前端工程师这么长时间了, 对HTML5的一些标签的用法还不是很熟悉。这篇随笔算是对学过的知识的梳理。常言道,温故而知新 ~哈哈。里面有不正确的地方还望各位大牛们指正,评论。前端
在作网页时习惯把网页分为三个部分: 头部,主体,尾部。前端工程师
头部通常涉及到网站的登录状态,提示信息等;尾部即底部,脚注部分;主体部分是网站的内容部分;ide
言归正传 以移动端为例。。。。。。网站
HTML5新增的一些经常使用标签:spa
主体部分经常使用的标签:code
section: 用于对网站或应用程序中页面上的内容进行分块,相似于DIV文档
article: 独立内容,文章、博客、评论等博客
nav: 导航 (注意nav是主体标签)string
time:书写与日期和时间相关内容(涉及到Data的地方)io
<p>我在<time datetime="2008-02-14">情人节</time>有个约会。</p> 我在情人节有个约会
aside: 页面或文章的附属信息部分,它能够包含当前页面或主要内容相关的引用、侧边栏、广告,以及其余相似的用别于主要内容的部分(别于主要内容部分)
small: 标签订义小型文本(和旁注) (HTML4的标签 )
新增属性:
pubdate:可选属性,boolean值的属性,它能够应用到 article 元素内的time元素上,用来定义一篇文章或整个网页的发布日期
<article> <time pubdate="true"></time> </artile>
新增非主体标签
header : 头部
footer: 底部,脚注部分
address: 用来文档中呈现联系信息,包括文档做者或文档维护者的名字,他们的网站连接、电子邮箱、真实姓名、电话号码等。
(呈现联系信息,定义我的信息)
hgroup: (header-group) 对多标题及其子标题分组 (通常用于文章中标题处:大标题-副标题-小标题)
========对于新增的块级元素,IE8是不识别的,自动转化为 div======