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

最新文章

  1. mui学习记录
  2. cocos2d-x创建项目
  3. Ubuntu 14.04 (Trusty Tahr) LTS发布,附下载地址,各种镜像【bubuko.com】
  4. (转)关于URLDownloadToFile下载文件
  5. runtime 运行机制2
  6. Atitit.编译原理与概论
  7. (转) Active Record
  8. AX3空Invoice明细问题
  9. flowvisor test(1)
  10. java ReentrantReadWriteLock
  11. Java知识点:内部类
  12. Hdu2425-Hiking Trip(优先队列搜索)
  13. C++ ofstream和ifstream
  14. qtcreator +vs2013 开发xp下使用的程序
  15. Fireasy
  16. 团队作业4——第一次项目冲刺(Alpha版本)4.24
  17. 异步 JavaScript 之 macrotask、microtask
  18. @staticmethod和@classmethod
  19. 【pygame游戏编程】第二篇-----移动图像
  20. Django具体操作(三)

热门文章

  1. MySQL 持久化保障机制-redo 日志
  2. 【转】离散傅里叶变换-DFT(FFT)基础
  3. python判断是否是质数
  4. 网络流学习 - dinic
  5. mysql 查询中文数据
  6. FreeRTOS独立看门狗检测任务执行状态
  7. Jenkins 应用
  8. C# 自动批量搜索指定关键字,没有注册的域名
  9. MySql主要性能指标说明
  10. 高通量计算框架HTCondor(一)——概述