HTML5

HTML5 发展史有何不同？可以做些什么？有哪些新东西？是什么？为什么会这样设计？

一种web标记语言为开发人员提供极大的便利强化了Web网页的表现性能 HTML5提供了多种web应用API

语义化标签无插件音频视频播放 Canvas 动画 HTML5 根据类名获得元素地理位置信息本地存储硬件加速从桌面拖放文件到浏览器上传跨文档通信随意拖放多线程处理本地缓存内置SVG

HTML5　的历史为什么要了解历史？

HTML tags非官方较早前 HTML 2.0（IETF）1995HTML 3.2 1997HTML 4.0 1997HTML 4.01 1999 ———————————————————————————————————————————————————————————————————— 因特网任务工程组

1999~2000 HTML4过渡XHTML1.0 相同：规范的内容，词汇表，元素，属性区别：XHTML使用XML语法，元素、属性小写，属性值加引号，使用结束标签和自结束标签为什么过去10年XHMTL1.0那么成功？

XHTML 1.0 　2000XHTML 1.1　2001 XHTML 2 未完成 XHTML1.1/XHTML2 都必须把文档标记XML文档 XML的错误处理模型决定了1.1和2不能得到长期发展

伯斯塔尔法则：接收时要开放，发送时要保守

Web超文本应用技术工作组（opera/apple/google…） WHATWG 　　2004 W3C　　　　2007 目标为研发简单的web新技术，不断迭代独裁式工作流程万维网联盟(World Wide Web Consortium) 规范会成为工作草案，定格在某个历史时刻民主式工作流程，投票决定 HTML5 主编辑：伊恩·希克森（来自google）一种格式，两个版本如何看待这两种工作方式？

设计原理本质上是一种信念、一种想法、一个概念，是你行动的支柱。孔子曰： “己所不欲，勿施于人。” 可以理解为是种为人处事的设计原理

尽可能的简单避免不必要的复杂性

HTML 4.01 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> XHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> HTML5 <!DOCTYPE html> 伯斯塔尔法则，浏览器接收时必须足够开放向后兼容 Doctype是否为了浏览器而写？

HTML 4.01 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> XHTML 1.0 <?xml version="1.0" encoding="UTF-8"?> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> HTML5 <meta charset="utf-8"> 浏览器会这样解释它：“元数据(meta)⋯⋯，字符集(charset)utf-8。

去掉重复性的，多余的，让其变得简单。 <link rel="stylesheet" type="text/css" href="file.css”> <script type="text/javascript"> </script>

支持现有的内容 support existing content 还记得XHTML2.0是如何烂尾的吗？

<imgsrc="foo" alt="bar" /> <p class="foo">Hello world</p> <imgsrc="foo" alt="bar"> <p class="foo">Hello world <IMG SRC="foo" ALT="bar"> <P CLASS="foo">Hello world</P> <imgsrc=foo alt=bar> <p class=foo>Hello world</p> 看到这种设计方案后作何感想？如何看待以后自己的代码编写？

解决实际问题 solve real problems

（X）HTML <h2><a href="/path/to/resource">Headline text</a></h2> <p><a href=“/path/to/resource”>Paragraph text.</a></p> HTML5 <a href="/path/to/resource"> <h2>Headline text</h2> <p>Paragraph text.</p> </a> 解决了什么实际问题？

走牛走的路 pave the cow paths

多年以来，我们已经习惯了这样的写法 <body> <div id="header">...</div> <div id="navigation">...</div> <div id="main">...</div> <div id="sidebar">...</div> <div id="footer">...</div> </body>

section article aside nav header footer details figure

<body> <header>...</header> <nav>...</nav> <div id="main">...</div> <aside>...</aside> <footer>...</footer> </body> 每个元素都允许在同一页面被多次使用

<H1>带来的革命性转变 ,[object Object]

浏览器可能会重新排列她在页面中扮演的角色，这取决于所出现的位置。 ,[object Object],[object Object]

From2.0 input type="number" input type="search" input type="range" input type="email" input type="date" input type="url”

Input type="number” Input type="range” Input type=“search” Input type=“text”placeholder=“selven”

<video src=“movie.mp4”> <!–后备内容--> </video> H.264 是MPEG-4 标准所定义的最新格式，同时也是技术含量最高、代表最新技术水平的视频编码格式之一，有的也称（AVC）。

<video> <source src="movie.mp4"> <source src="movie.ogv"> <source src="movie.webm"> <object data="movie.swf"> <a href="movie.mp4">download</a> </object> </video>

最终用户优先 priority of constituencies 一旦遇到冲突，最终用户优先，其次是作者，其次是实现者，其次标准制定者，最后才是理论上的完满。

Thanks for you are time 谢谢大家的参与 @selven

HTML5

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (20)

Semelhante a HTML5

Semelhante a HTML5 (20)

HTML5