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

时间:2024-11-08 10:37:26

做前端工程师这么长时间了, 对HTML5的一些标签的用法还不是很熟悉。这篇随笔算是对学过的知识的梳理。常言道,温故而知新  ~哈哈。里面有不正确的地方还望各位大牛们指正,评论。

在做网页时习惯把网页分为三个部分: 头部,主体,尾部。

头部一般涉及到网站的登陆状态,提示信息等;尾部即底部,脚注部分;主体部分是网站的内容部分;

言归正传    以移动端为例。。。。。。

HTML5新增的一些常用标签:

主体部分常用的标签:

  section: 用于对网站或应用程序中页面上的内容进行分块,类似于DIV

  article: 独立内容,文章、博客、评论等

  nav: 导航  (注意nav是主体标签)

  time:书写与日期和时间相关内容(涉及到Data的地方)

       <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======