HTML5与HTML4的区别-----新增的经常使用标签

作前端工程师这么长时间了, 对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======

相关文章
相关标签/搜索