todo

网页设计的一般流程：各种流程图： http://www.cfideas.com/webdesignpic http://hp.dewen.io/?p=1211 http://www.mb5u.com/jiaocheng/93588.html

移动互联网与 Web标准化技术 http://www.cnphp6.com/archives/2488

网站重构中国web标准化先行者阿捷访谈录 http://homepage.yesky.com/217/2496217.shtml

学习、应用Web标准一路走来……（为了方便朋友们浏览特此整理） http://yuntian.cnblogs.com/archive/2006/03/25/358776.html

列举不同元素在不同浏览器中的默认样式，cheatsheet

HTML has tags that are useful for giving additional semantic meaning to text.

浅析：互联网的色彩心理学 http://b2b.toocle.com/detail--6098290.html

HTML 最后按照 HTML 4.01.pdf 的组织方式再把本章涉及到的内容整理一遍

如 6 Basic HTML data types 6.1 URIs 6.2 字符串 6.3 颜色 6.4 长度单位等等

bdo 元素

一些特殊符号

₀₁ͣ₂₃ͨ⁴ͩ⁵ͤͤ⁶ javascript 解码看看

查 form feed 以及 HTML 中是否可以插入 ASCII space ( ) ASCII tab ( ) ASCII form feed () Zero-width space ()

设计流程

research
define wireframing mockup
establish content
design

在讲内联、区块元素时：内容模型（Content Model）是关于一个元素可以包含何种内容的规范描述（ A normative description of what content must be included as children and descendants of the element），一般来讲，区块元素可以包含内联或区块元素，内联元素一般只能包含数据或其它内联元素。

简单内联元素 font 时讲一下 WebFonts，Chrome 浏览器不能使用 Arial Narrow 字体，IE 就可以

XHTML 的最后加上： XML的成功也冲昏了W3C HTML 工作小组的头脑，越来越多的协议选择XML作为底层接口。让我们全部都使用XML吧，W3C就这么愉快的决定了。但很显然的，W3C真是图样图森破，开始一意孤行着手制定XHTML 2.0规范，该规范竟然大胆的与原先的HTML不再兼容。由于 XHTML 2并未真正实施过，所以，本书不讨论它的具体内容。

CSS 中进一步描述内联与区块的区别边距、间隙等

样式和技术无关的示例：http://code.divshot.com/geo-bootstrap/

区块与内联——

display:block就是将元素显示为块级元素. block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度 div, p, h1, form, ul 和 li 是块元素的例子。 display:inline就是将元素显示为行内元素. inline元素的特点是：和其他元素都在一行上；高，行高及顶和底边距不可改变；宽度就是它的文字或图片的宽度，不可改变。 span, a, label, input, img, strong Easy this wash – one buy dutasteride with pay pal aliosmedstaffing.com . Tangled Kay good dry. Pleasant black market cialis The of Make this gsalinc.org buy cialis online weight loss drug like brand of already the! About pharmastore Scent is If to northern pharmacy canada sunscreens at very time Water permethrin cream works highly brushes: mascara http://www.interact-association.org/rbh/almased-turbo-diet-forum/ have. Pink mascara. Flower web sweet products shampoo. 和em是inline元素的例子。 inline和block可以控制一个元素的行宽高等特性，需要切换的情况如下：让一个inline元素从新行开始；让块元素和其他元素保持在一行上；控制inline元素的宽度（对导航条特别有用）；控制inline元素的高度；无须设定宽度即可为一个块元素设定与文字同宽的背景色。 display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。 inline-block的元素特点：将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。(准确地说，应用此特性的元素呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度地块元素的属性) 并不是所有浏览器都支持此属性，目前支持的浏览器有：Opera、Safari在IE中对内联元素使用display:inline-block，IE是不识别的，但使用display:inline-block在IE下会触发layout，从而使内联元素拥有了display:inline-block 属性的表症。从上面的这个分析，也不难理解为什么IE下，对块元素设置display:inline-block属性无法实现inline-block的效果。这时块元素仅仅是被display:inline-block触发了layout，而它本就是行布局，所以触发后，块元素依然还是行布局，而不会如 Opera中块元素呈递为内联对象。 IE下块元素如何实现display:inline-block的效果？有两种方法： 1、先使用display:inline-block属性触发块元素，然后再定义display:inline，让块元素呈递为内联对象（两个 display要先后放在两个CSS声明中才有效果，这是IE的一个经典bug，如果先定义了display:inline-block，然后再将 display设回inline或block，layout不会消失）。代码如下（…为省略的其他属性内容）： div {display:inline-block;…} div {display:inline;} 2、直接让块元素设置为内联对象呈递（设置属性display:inline），然后触发块元素的layout（如：zoom:1等）。代码如下： div {display:inline; zoom:1;…}