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

标签在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 指示 元素中的日期 / 时间是文档（或 <article> 元素）的发布日期。