《HTML5设计原理》读后随记
作者：黑妞HAHA 来源：WEB前端开发工程师的随记 发布时间：2011-01-25 12:26:00
前言：
HTML5和CSS3的时代到来了，新版2011版淘宝网首页已全部使用HTML5，拥抱变化才是王道。
为之漫笔翻译的很好，看了一遍后，感觉理解了很多，强烈推荐其他做开发的童鞋尤其前端也来看看。不仅让我摸清了html4，xhtml1.0, xhtml2.0, html5之间的关系，也理解了为什么会出现HTML5，同时，加紧推进在项目中应用HTML5。
机器人三 * 则：（著名的伯斯塔尔法则）
机器人不得伤害人类，或袖手旁观人类受伤害。
机器人必须服从人类命令，除非命令违反第一法则。
机器人必须自卫，只要不违背第一和第二法则。
xhtml1.0与html4.0相同点：
两个规范的内容是一样的;
词汇表是一样的;
所有的元素是一样;
所有的属性也都是一样的;
xhtml1.0与html4.0唯一不同点：
XHTML 1.0要求使用XML语法(严格的编码风格)
//所有属性都必须使用小写字母;
//所有元素也必须使用小写字母;
//所有属性值都必须加引号;
//你还得记着使用结束标签，记着对img和br要使用自结束标签。
XHTML 1.1与xhtml1.0唯一的变化：
把文档标记为XML文档
//XML的错误处理模型:解析器如果遇到错误，停止解析。
//不能理解XML的浏览器，用户直接看不到这个网页了。
XHTML 2特点（这个规范没有完成):
仍然使用XML错误处理模型，你必须保证以XML文档类型发送文档；
有意不再向后兼容已有的HTML的各个版本,开发人员和浏览器厂商永远不会支持它。
真正广泛地应用的设计原理：
发送时要保守；接收时要开放。
//作为专业人士，在发送文档的时候，我们会尽量保守一些，尽量采用最佳实践，尽量确保文档格式良好。
//但从浏览器的角度说，它们必须以开放的姿态去接收任何文档。
HTML5
2004成立了Web Hypertext Applications Technology Working Group（Web超文本应用技术工作组，WHATWG），完全脱离W3C。
W3C在2007年组建了HTML5工作组，在WHATWG工作成果的基础上继续开展工作。
HTML5设计原理一：避免不必要的复杂性
一、DOCTYPE的写法：
//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它不是写给浏览器看的,Doctype是写给验证器看的。让验证器按照该doctype来验证我的文档。
0
投稿猜你喜欢
- 在实现鼠标停在某元素上，会出现提示信息，以前我们太多是采用javascript脚本代码来实现。看了怿飞的IE中伪类:hover的使用及BUG
- 将转储设备加入到SQL Server备份数据库的地方。在SEM中转储设备是可见性的，并且在设备上的信息被存储在主要数据库的sysdevice
- 大家都知道，在SQL脚本中设置多字段做关键字相对比较简单，例：primary key(id1,id2) ,但用脚本建数据库就比较麻烦了。那么
- 打开链接是在新窗口还是原窗口是一个最基础的交互方式。但是很多项目进行中，我们的原型设计并没有仔细考虑链接打开方式。而为了满足运营的需要，选择
- 一、引言Server端的脚本运行环境，它简单易用，不需要编译和连接，脚本可以在 Server端直接运行，并且它支持多用户、多线程，因为 AS
- language.xml 代码如下:<?xml version="1.0" encoding=
- 先让我们看一个例子，了解什么是模式化窗口。以下是QQ秀商城在非登录时提示登录的一种状态。当我在非登录状态，通过保存形象的方式买一件衣服时，弹
一套javascript摇奖程序，随机6+1选号码，类似游戏彩票摇奖效果，实时滚动。截图：<style>.inp{ width:- 昨天在网上看到一个防采集软件，说采集只访问当前网页，不会访问网页的图片、JS等，今天突然想到，通过动态程序和Js访问分别记录访问者的IP，然
- msxml3.dll 错误 '80004005'未指定的错误/Project/lijiang_071017/include/
- 今天小池提出一个问题讨论，如何使分页做的更友好。做了一些调研和思考，做了些总结。分页在电商网站3级页、搜索结果页面等信息量大的页面是很重要的
- 在Dreamweaver4中，你可以存储你自己设定的图片、链接、flash影片、颜色表、模板等等，组成这个站点的资产，这就是Assets面板
- 有时需要获取远程网站的某些信息，而服务器又限制了GET方式，只能通过POST数据提交，这个时候我们可以通过asp来实现模拟提交post数据，
- 关于数据库的逻辑设计，是一个很广泛的问题。本文主要针对开发应用中遇到在MS SQL Server上进行表设计时，对表的主键设计应注意的问题以
- 一、oracle oracle服务器有Oracle instace 和Oracle database instance有memory str
- IIf 函数 根据表达式的值，来返回两部分中的其中一个。语法IIf(expr, truepart, fal
- 做个性休闲类项目课程材料，对这方面要求多一些，要总结方法、手法、想法等等，头大了；这里总结了一个做个性字体设计的方法，分享一下；方法是比较简
- 简单的XML操作：XML文件创建把下面的代码复制到按钮事件中编译执行后可在相应物理路径中产生Pos.xml文件XmlTextWriter x
- 静态页面是蜘蛛喜欢的，会得到蜘蛛经常光顾的，以至于网站上的内容会得到搜索引擎更多的收录。这里介绍一个asp伪静态的程序实现方法数据库是acc
- 假设有一个表，结构如下：mysql> CREATE TABLE `a` ( `id
