完美WEB

css注释

jackyshe@126.com (jackyshe) — Fri, 31 Aug 2007 10:19:05 +0800

css 注释是这样写的

/* 这是注释 */

但是如果你写成了这样

/* 这是注释*/

对不起，IE将忽略这个注释下面的所有css定义（firefox不会），为什么?因为你把注释写错了，所以从这个注释开始所有的东西都是无效的。

以后千万要记得“*”符号不要和注释内容紧挨在一起。

为什么要使用语义标签构建xhtml文档？

jackyshe@126.com (jackyshe) — Sat, 03 Feb 2007 22:17:34 +0800

现在大家都知道要使用语义标签构建xhtml文档，但是，在人云亦云的时候你是否想过为什么要使用语义化的标签？？？？？你真的明白其中的理由吗？

正确使用address标签

jackyshe@126.com (jackyshe) — Sat, 27 Jan 2007 14:08:33 +0800

当你需要找到某个人的时候，你需要知道他的电话、email、住址或者工作单位之类的信息，即他的联系信息。

在web上，你浏览某个网页并且对网页上的内容很感兴趣或者希望和网页作者进一步的交流又或者想对网站所有者提些建议，这个时候你也需要一些联系信息，通过它你能完成上面的任务。所以当我们在书写html的时候，我们需要把和文档有关的联系信息包含在address标签内。

从字面上看这个标签的含义是“地址”，很容易让人误解以为只要是地址信息都必须使用该标签，在html的世界里指的是和文档有关的联...

为网页内容设置语言

jackyshe@126.com (jackyshe) — Tue, 02 Jan 2007 15:20:33 +0800

在HTML/XHTML语言中很多标签都有lang（XHTML中推荐lang和xml:lang同时使用）这个属性，它的作用是用来为一个元素的属性值和文本内容设置语言。这个属性的默认值是“未定义”，即没有分配语言。

lang属性的值是一个“语言代码”（language-code），语言代码由一个“主代码”（primary-code）和一个可选的“子代码”（subcode）系列组成，语法如下：

水平分隔线标签hr是“表现标签”吗？

jackyshe@126.com (jackyshe) — Sun, 17 Sep 2006 15:58:12 +0800

当用户代理渲染水平分隔线标签的时候，将其渲染成一条水平直线，给人的感觉好像这个标签是用来产生一条水平直线的。但是，我们不能被这种假象所迷惑，其实这个标签的本意是用来分割不同区域。

hr is not presentational, but structural: a lightweight section separator.

IE盒模型bug和修复

jackyshe@126.com (jackyshe) — Tue, 16 May 2006 10:53:21 +0800

Internet Explore（简称IE）是目前使用得最多的浏览器，在国内几乎是一统天下。IE6以前的版本对“盒模型（box model）”执行了错误的解释。如果一个盒的宽度为200px，边距为20px，边框大小为20px，如下CSS定义：

DOCTYPE(文档类型)

jackyshe@126.com (jackyshe) — Mon, 15 May 2006 21:48:45 +0800

DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。

他们是什么和他们为什么是重要的？

所有的HTML和XHTML文档必须有一个有效的doctype声明。
Doctype规定了文档使用的HTML或XHTML的版本。
当校验的时候doctype被校验器使用，WEB浏览器通过它来决定那种渲染模式被使用。
Doctype影响设备渲染web页面的方式。
如果文档使用了正确的doctype，一些浏览器将切换到标准模式，那意味着浏览器会遵守更多的CSS规则。
如果文档使用了正确的doctype，文档会渲染更快，因为浏览器不需要花时间去思考怎样正确地去渲染HTML。