HTML5与HTML4的区别-----新增的常用标签
做前端工程师这么长时间了, 对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======
最新文章
- mui学习记录
- cocos2d-x创建项目
- Ubuntu 14.04 (Trusty Tahr) LTS发布,附下载地址,各种镜像【bubuko.com】
- (转)关于URLDownloadToFile下载文件
- runtime 运行机制2
- Atitit.编译原理与概论
- (转) Active Record
- AX3空Invoice明细问题
- flowvisor test(1)
- java ReentrantReadWriteLock
- Java知识点:内部类
- Hdu2425-Hiking Trip(优先队列搜索)
- C++ ofstream和ifstream
- qtcreator +vs2013 开发xp下使用的程序
- Fireasy
- 团队作业4——第一次项目冲刺(Alpha版本)4.24
- 异步 JavaScript 之 macrotask、microtask
- @staticmethod和@classmethod
- 【pygame游戏编程】第二篇-----移动图像
- Django具体操作(三)