HTML5基础知识汇总_(1)标签结构上的整改

题记

目前对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

增加了三个方法

1. start — 好理解,起步<ol start="3">
2. reversed — 好理解,倒叙 <ol reversed>
3. type — 多了几种计数表现形式

s

作用同HTML4一致.语义上的区别

small

HTML4中， 标签关键在于文字大小，与文字含义无关。在HTML5中，元素的新用法是表示附属细则，如法律细则，负责声明等

time

用来包含时间的…有两个参数(datetime/pudate)…目前不怎么使用…

• datetime 规定日期 / 时间。否则，由元素的内容给定日期 / 时间。
• pubdate 指示 <time> 元素中的日期 / 时间是文档（或 <article> 元素）的发布日期。