SlideShare a Scribd company logo
1 of 10
Download to read offline
HTML5 设计原理




  Jeremy Keith
两个链接
●
    李松峰
    ●   http://www.cn-cuckoo.com/2010/10/21/the-design-
        of-html5-2151.html


●   Anne van Kesteren
    ●   http://www.w3.org/TR/html-design-principles/
A design principle is essentially a
belief, a tenant, a concept that you
rally behind.
设计原理本质上是一种信念、一种
想法、一个概念,是你行动的支
柱。
Postel’s Law

 Be conservative in what you
 send; be liberal in what you
            accept.
发送时要保守;接收时要开放。
Avoid needless complexity
  避免不必要的复杂性
<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


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


<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">


<?xml version="1.0" encoding="UTF-8" ?>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />


<meta charset="utf-8">
其他
●
    支持已有的内容
●
    解决现实的问题
●
    求真务实
●
    平稳退化
最终用户优先




最终用户 > 作者 > 实现者 > 标准制定者 > 理
          论上的完满
Html5design

More Related Content

Viewers also liked

Magazine cover analysis
Magazine cover analysisMagazine cover analysis
Magazine cover analysis
ilanrubens
 
Empire
EmpireEmpire
Empire
Adam
 
문화시설에서 나타나는 도시재생 사례에 관한연구 3
문화시설에서 나타나는 도시재생 사례에 관한연구 3문화시설에서 나타나는 도시재생 사례에 관한연구 3
문화시설에서 나타나는 도시재생 사례에 관한연구 3
seekly
 
Analysis Of Still Images In Horror Films
Analysis Of Still Images In Horror FilmsAnalysis Of Still Images In Horror Films
Analysis Of Still Images In Horror Films
MichaelaHead17
 

Viewers also liked (13)

Magazine cover analysis
Magazine cover analysisMagazine cover analysis
Magazine cover analysis
 
Apósitos intraorales
Apósitos intraoralesApósitos intraorales
Apósitos intraorales
 
Romanti age
Romanti ageRomanti age
Romanti age
 
Pasos windows 7 (1)
Pasos windows 7 (1)Pasos windows 7 (1)
Pasos windows 7 (1)
 
Empire
EmpireEmpire
Empire
 
Help 4 heros ppt
Help 4 heros pptHelp 4 heros ppt
Help 4 heros ppt
 
Cama de Solteiro - Harmonia
Cama de Solteiro - HarmoniaCama de Solteiro - Harmonia
Cama de Solteiro - Harmonia
 
Leyla Eraybar - Zucchini Spaghetti with Lentil Marinara
Leyla Eraybar -  Zucchini Spaghetti with Lentil MarinaraLeyla Eraybar -  Zucchini Spaghetti with Lentil Marinara
Leyla Eraybar - Zucchini Spaghetti with Lentil Marinara
 
문화시설에서 나타나는 도시재생 사례에 관한연구 3
문화시설에서 나타나는 도시재생 사례에 관한연구 3문화시설에서 나타나는 도시재생 사례에 관한연구 3
문화시설에서 나타나는 도시재생 사례에 관한연구 3
 
Analysis Of Still Images In Horror Films
Analysis Of Still Images In Horror FilmsAnalysis Of Still Images In Horror Films
Analysis Of Still Images In Horror Films
 
anteproyecto
anteproyectoanteproyecto
anteproyecto
 
MC502 Media Futures 1003681
MC502 Media Futures 1003681MC502 Media Futures 1003681
MC502 Media Futures 1003681
 
الحصاد المر
الحصاد المرالحصاد المر
الحصاد المر
 

More from fangdeng

jQuery底层架构
jQuery底层架构jQuery底层架构
jQuery底层架构
fangdeng
 
Building an event driven web
Building an event driven webBuilding an event driven web
Building an event driven web
fangdeng
 
浅尝jQuery
浅尝jQuery浅尝jQuery
浅尝jQuery
fangdeng
 
Html基础培训
Html基础培训Html基础培训
Html基础培训
fangdeng
 
前端开发之Js
前端开发之Js前端开发之Js
前端开发之Js
fangdeng
 
Javascript代码注释及文档生成
Javascript代码注释及文档生成Javascript代码注释及文档生成
Javascript代码注释及文档生成
fangdeng
 
J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架
fangdeng
 
前端单元测试初体验
前端单元测试初体验前端单元测试初体验
前端单元测试初体验
fangdeng
 
Java script测试之js unit ut
Java script测试之js unit utJava script测试之js unit ut
Java script测试之js unit ut
fangdeng
 
2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖
fangdeng
 
产品线中的思考
产品线中的思考产品线中的思考
产品线中的思考
fangdeng
 
产品线中的思考
产品线中的思考产品线中的思考
产品线中的思考
fangdeng
 
Postoffer前端架构设计
Postoffer前端架构设计Postoffer前端架构设计
Postoffer前端架构设计
fangdeng
 
Varnish简介
Varnish简介Varnish简介
Varnish简介
fangdeng
 
Let's talk about date in javascript
Let's talk about  date  in javascriptLet's talk about  date  in javascript
Let's talk about date in javascript
fangdeng
 
Test driven-frontend-develop
Test driven-frontend-developTest driven-frontend-develop
Test driven-frontend-develop
fangdeng
 
方凳良品1期
方凳良品1期方凳良品1期
方凳良品1期
fangdeng
 
方凳良品2期
方凳良品2期方凳良品2期
方凳良品2期
fangdeng
 
魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式
fangdeng
 

More from fangdeng (20)

jQuery底层架构
jQuery底层架构jQuery底层架构
jQuery底层架构
 
Building an event driven web
Building an event driven webBuilding an event driven web
Building an event driven web
 
浅尝jQuery
浅尝jQuery浅尝jQuery
浅尝jQuery
 
Html基础培训
Html基础培训Html基础培训
Html基础培训
 
前端开发之Js
前端开发之Js前端开发之Js
前端开发之Js
 
Javascript代码注释及文档生成
Javascript代码注释及文档生成Javascript代码注释及文档生成
Javascript代码注释及文档生成
 
J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架
 
前端单元测试初体验
前端单元测试初体验前端单元测试初体验
前端单元测试初体验
 
Java script测试之js unit ut
Java script测试之js unit utJava script测试之js unit ut
Java script测试之js unit ut
 
2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖
 
产品线中的思考
产品线中的思考产品线中的思考
产品线中的思考
 
产品线中的思考
产品线中的思考产品线中的思考
产品线中的思考
 
Postoffer前端架构设计
Postoffer前端架构设计Postoffer前端架构设计
Postoffer前端架构设计
 
Varnish简介
Varnish简介Varnish简介
Varnish简介
 
Websocket
WebsocketWebsocket
Websocket
 
Let's talk about date in javascript
Let's talk about  date  in javascriptLet's talk about  date  in javascript
Let's talk about date in javascript
 
Test driven-frontend-develop
Test driven-frontend-developTest driven-frontend-develop
Test driven-frontend-develop
 
方凳良品1期
方凳良品1期方凳良品1期
方凳良品1期
 
方凳良品2期
方凳良品2期方凳良品2期
方凳良品2期
 
魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式
 

Html5design