• 前端分享学习博客,探究前端相关技术,推动天朝前端发展,有任何问题都可以留言一起探究
  • 由于站内自链接问题,部分pre中的代码首字母使用大写以过滤筛选
  • 欢迎友链互换,还有,如果有大神请不要黑我的站点(o´・ェ・`o)
  • 如果你觉得博客还不错,请Ctrl+D收藏( *︾▽︾)

Html5概述

html5手册 薛 陈磊 863次浏览 2个评论 扫描二维码

先来看一个Html5标准页面:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
Content of the document......
</body>

</html>

与传统的html页面相比(html4.01),html5页面显得简洁的多,标志性的判别就是页面开头的:

<!DOCTYPE html>

之前是这样的:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

当然,html5的改变不止于此,w3c大刀阔斧的改革了html新标准,在html element方面也推出了全新的页面元素:

  • semantic elements 例如:<header>, <footer>, <article>, and <section>,跟语义是一个意思,言简意赅;

  • 表单元素赋予新属性,例如 number, date, time, calendar,range;

  • 矢量元素<svg>和<canvas>;

  • 多媒体元素<audio>和<video>

以及新的html5API:

  • HTML Geolocation

  • HTML Drag and Drop

  • HTML Local Storage

  • HTML Application Cache

  • HTML Web Workers

  • HTML SSE

去掉了一些html4.01中的元素,使用新元素或其他方式实现:

清除元素 改为
<acronym> <abbr>
<applet> <object>
<basefont> CSS
<big> CSS
<center> CSS
<dir> <ul>
<font> CSS
<frame>  
<frameset>  
<noframes>  
<strike> CSS, <s>, or <del>
<tt> CSS

附带html发展历程:

时间 版本
1989 Tim Berners-Lee invented www
1991 Tim Berners-Lee invented HTML
1993 Dave Raggett drafted HTML+
1995 HTML Working Group defined HTML 2.0
1997 W3C Recommendation: HTML 3.2
1999 W3C Recommendation: HTML 4.01
2000 W3C Recommendation: XHTML 1.0
2008 WHATWG HTML5 First Public Draft
2012 WHATWG HTML5 Living Standard
2014 W3C Recommendation: HTML5
2016 W3C Candidate Recommendation: HTML 5.1

注:WHATWG,即网页超文本应用技术工作小组,是一个以推动网络HTML5标准为目的而成立的组织。在2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商组成。


薛陈磊的博客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明Html5概述
喜欢 (1)
[905044086@qq.com]
分享 (0)
作者薛陈磊
关于作者:
非著名前端Coder,中二非文艺闷骚少年,喜欢动漫、历史、暗荣三国志和游山玩水,关注互联网发展,期待遇到更多小伙伴一起吹水玩耍;
说点什么...
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 嗨、我是Feeey 偶然看到你的博客,很棒哟,我会常来的。我的博客http://www.feeey.com
    Feeey2017-01-15 22:40 回复 Windows 7 | Internet Explorer 9.0
    • 谢谢,你的也很不错
      薛 陈磊2017-01-16 10:07 回复 Windows 7 | Chrome 54.0.2840.99