作者:杭州思亿欧网络科技有限公司
W3C网页设计标准是一种技术也是一种思想。
现在基本上很多高端的客户都会要求按照W3C标准来设计网站。在今年和去年这两年时间里，国内很多的门户网站都已经按照W3C标准对网站整体进行代码重构。
用W3C标准来设计网站,有个好处：提高用户体验,加快网页下载速度。按照W3C标准设计的网站,用户浏览速度比较快,因为网站的代码比较简洁。
有一部分的朋友说，做好DIV+CSS，网站优化就等于做好了80%的工作。思亿欧并不赞同这个观点。
在传统的表格与DVI+CSS对于排名的影响两者比较，思亿欧并没有觉得后者有什么优势可言。因为实际上用DIV+CSS来设计的网站,也并没有因此得到搜索引擎的特别的照顾。
但是使用DIV+CSS来设计网站,确实能够对SEO起到一些帮助。
Read the rest of this entry »
在进行浮动布局时，大多数人都深知，在必要的地方进行浮动清理：
<div style=”clear:both;”></div>
<div style="background:#666;"> <!-- float container --> <div style="float:left; width:30%; height:40px;background:#EEE; ">Some Content</div> </div>
此时预览此代码，我们会发现最外层的父元素float container,并没有显示。这是因为子元素因进行了浮动，而脱离了文档流，导致父元素的height为零。
Read the rest of this entry »
在windows操作系统上使用IE作为浏览器时。常常会发生这样的问题：在浏览使用UTF-8编码的网页时，浏览器无法自动侦测（即没有设定“自动选择”编码格式时）该页面所用的编码。即使网页已经声明过编码格式：
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
，由此造成某些含有中文UTF-8编码的页面产生空白输出。
如果使用的是Mozilla、Mozilla Firefox、Sarafi的浏览器这不会造成这个问题。这是由于IE解析网页编码时以HTML内的标签优先，而后才是HTTP header内的讯息；而mozilla系列的浏览器则刚刚相反。
由于UTF-8为3个字节表示一个汉字，而普通的GB2312或BIG5是两个。页面输出时，由于上述原因，使浏览器解析、输出<title></title>的内容时，如果在</title>前有奇数个全角字符时，IE把UTF-8当作两个字节解析时出现半个汉字的情况，这时该半个汉字会和</title>的<结合成一个乱码字，导致IE无法读完<title>部分，使整个页面为空百输出。而这个时候如果察看源文件的话，会发现实际上整个叶面全部已经输出了。
因此最简单的解决办法是在网页文件的<head></head>标签中一定要把字符定义<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
放在<title></title>之前。
作者：DuDu
本文简要描述了DOM的概念和内部逻辑结构，实例讲述DOM文档操作和XML文件互相转换的java实现过程。
1. DOM简介
目前，W3C已于2000年11月13日推出了规范DOM level 2。文档对象模型(DOM)是HTML和XML文档的编程接口规范，它与平台和语言是无关的，因而可以用各种语言在各种平台上实现。该模型定义了THML 和XML文件在内存中的逻辑结构(即为文档)，提供了访问、存取THML和XML文件的方法。利用DOM规范，可以实现DOM 文档和XML之间的相互转换，遍历、操作相应DOM文档的内容。可以说，要自由的操纵XML文件，就要用到DOM规范。
Read the rest of this entry »
在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的<td>、<th>、<caption>等，而像<div>、<span>这样的元素是没有valign特性的，因此使用vertical-align对它们不起作用。
CSS网页布局DIV水平居中的各种方法
一、单行垂直居中
如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。如：
div {
height:25px;
line-height:25px;
overflow:hidden;
}
