题记
目前对HTML5所有特性(PC浏览器)
- 支持较为完善的有:EDGE/FF40/Chrome42/Safari8
- 基本支持的加上: IE10+
- 部分支持的:IE9
- 个别标签支持的:IE8(依赖JS)
其中新增了一些结构上的标签来替代传统的div+class(id)
结构上增加的标签
header
此标签可以替代传统的<div id="header"></div>
nav
同上,作用于导航栏(一般放进header
和footer
中),W3C建议使用的标签,比如:
<nav>
<ul>
<li>标签1</li>
<li>标签2</li>
<li>标签3</li>
</ul>
</nav>
section
这个有点类似DIV,但是却不能完全替代DIV…更多的是作为内容块;代指一块内容区域.比如:
<section>
<h1>啦啦德玛西亚</h1>
<p>一部颠倒LOL历史的搞笑动漫</p>
</section>
aside
有点类似上面那个,但是W3C说主要用于侧边栏的内容块展示,比如:
<aside>
<h1>海底两万里</h1>
<p>一部科幻小说</p>
</aside>
footer
类似header
,主要是展示尾部的内容
article
这个标签主要来作用于写文章区域
hgroup
给字体规格(h1~h6)分组的…目前来说很少看到…用的并不多
figure、figcaption
这两个标签是一起用的,figure
是包含,figcaption
是描述[且至于头行或者尾行]
<figure>
<figcaption>
这是一张我也不知道的图片
</figcaption>
<img src="###.png">
</figure>
含义变动的标签(新版与老版的差异)
address
就进原则来确定作用,而不是像以前那样都代指地址,
W3C说:显示与它最近的article
或body
标签的通讯信息,
可以是电子邮件,网址,电话号码,邮寄地址或其他任何通信信息!
abbr
<abbr>
标签在HTML5中,与acronym
整合;现abbr
标签即可以标识缩写词,也可以表示首字母缩略词
b
与HTML4一样,都是加粗…就是少了语义上的作用,而单纯作为展示!!
cite
同上,语义上的区别,但是作用基本一致
dl
重新定义为一个描述或者关联列表 ,其实也就那个样…看自己怎么用
i
语义上的区别…HML4中该标签用来创建斜体字。
HTML5中它的作用是以另外一种语气或心情表现内容
mark
高亮包含的内容
ol
增加了三个方法
- start — 好理解,起步
<ol start="3">
- reversed — 好理解,倒叙
<ol reversed>
- type — 多了几种计数表现形式
s
作用同HTML4一致.语义上的区别
small
HTML4中, 标签关键在于文字大小,与文字含义无关。在HTML5中,元素的新用法是表示附属细则,如法律细则,负责声明等
time
用来包含时间的…有两个参数(datetime/pudate
)…目前不怎么使用…
datetime
规定日期 / 时间。否则,由元素的内容给定日期 / 时间。pubdate
指示<time>
元素中的日期 / 时间是文档(或<article>
元素)的发布日期。