弄了两天，总算在这里安了个小窝。^_^爽～
可是做一个模板耗的时间太长了，让我找个理由，只怪我开始没有表格……对于同一张设计图，使用表格布局排版的传统方式和现在讨论的CSS布局可以达到几乎同样的效果，它们各有一大堆让你琢磨好几天的技巧。
我也刚接触所谓的WEB标准规范没多久，开始是在蓝色理想看见一本书的广告，名字叫《网站重构》可以去http://www.w3cn.org看相关的情况。看了一下发现一些问题，很索人味，1998年出台的标准，国内没一家大型网站使用的。而国外早已很普遍了，比如http://www.macromedia.com/。差得有点远。
一开始试用MM DreamWeaverMX 2004时，我就感觉很奇怪，为什么每给字体定义颜色大小，都直接定义开CSS了，以前是用font啊？现在明白了，DWMX2004严格符合了web标准（用2004建立新page时查看代码头有<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
）这个就是XHTML页声明，我发现加上后很多表格效果都没了，如height=100%。嗯，好工具让人感觉得到高效和优越。
于是我就忍不住尝试一下，改了一下自己的主页，开始很不习惯，主要用的是div标签，不能像表格一样拖拽布局，只能使用CSS外部定义，幸好我有先设计图的好习惯，必须要成竹于胸，但免不了由于考虑不周全而改动。好在内容和样式是分开的，多在改动样式。可见凌晨港口。
关键在于CSS，样式表，布局和外观。而<div>和表格比起来，要灵活许多，甚至可以浮起来，层就可以用div做标签。但表格似乎来的更快，div虽然也能嵌套，但没表格那样快，那样工整，那样牢固。表格是左边就只能是在左边，单元格之间牵制很强。而同层的div可能换个float:right的Style就浮到右边去了，div之间基本无联系。对于文章内容，用<ul><li>无序列<p><h>等块元素，在文章中，使内容结构变清晰，有一定的外观表现。就算不要样式表，内容看起来也很简洁，明了。表格做不到，因为自身带了太多样式属性，你不自觉就用上了。
当你出了错，但浏览器不告诉你，超强纠错，把错误忽略过去了，你一直都不知道自己在犯错，还觉得就是这么回事呢，无耻的浏览器，方便了大家同时也误倒了大家，你写了许多未封闭的标签如<font>，殊不知html是一个容器类语言，需要闭合，不然哪里突然发生了明显错误，一时根本找不出原因。
内容和样式分离其实很必然，因为毕竟内容才是我们真正关心的。外在的样式换来换去，取悦了我们的感观。现在适用的过渡标准XHTML实际最终要实现XML储存数据。
最后又说回这个blog了，开始开发似乎没有考虑到这个问题。其实现在的blog大都是用到了XML的，所以一般都是符合web标准的。所以在分离样式时，显得很繁琐。而且错误很多，我在做模板的时体会到了，就因为我是用XHTML，所以检查更严格些，发现错误也很明显。像CSS样式表如果分离出去，浏览器不必每次从服务器获得嵌在每页的样式表了，可以节省不少带宽，访客浏览速度也加快了。
差太远？嗯……也就那么一点，迎头赶上吧。
可是做一个模板耗的时间太长了，让我找个理由，只怪我开始没有表格……对于同一张设计图，使用表格布局排版的传统方式和现在讨论的CSS布局可以达到几乎同样的效果，它们各有一大堆让你琢磨好几天的技巧。
我也刚接触所谓的WEB标准规范没多久，开始是在蓝色理想看见一本书的广告，名字叫《网站重构》可以去http://www.w3cn.org看相关的情况。看了一下发现一些问题，很索人味，1998年出台的标准，国内没一家大型网站使用的。而国外早已很普遍了，比如http://www.macromedia.com/。差得有点远。
一开始试用MM DreamWeaverMX 2004时，我就感觉很奇怪，为什么每给字体定义颜色大小，都直接定义开CSS了，以前是用font啊？现在明白了，DWMX2004严格符合了web标准（用2004建立新page时查看代码头有<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
）这个就是XHTML页声明，我发现加上后很多表格效果都没了，如height=100%。嗯，好工具让人感觉得到高效和优越。
于是我就忍不住尝试一下，改了一下自己的主页，开始很不习惯，主要用的是div标签，不能像表格一样拖拽布局，只能使用CSS外部定义，幸好我有先设计图的好习惯，必须要成竹于胸，但免不了由于考虑不周全而改动。好在内容和样式是分开的，多在改动样式。可见凌晨港口。
关键在于CSS，样式表，布局和外观。而<div>和表格比起来，要灵活许多，甚至可以浮起来，层就可以用div做标签。但表格似乎来的更快，div虽然也能嵌套，但没表格那样快，那样工整，那样牢固。表格是左边就只能是在左边，单元格之间牵制很强。而同层的div可能换个float:right的Style就浮到右边去了，div之间基本无联系。对于文章内容，用<ul><li>无序列<p><h>等块元素，在文章中，使内容结构变清晰，有一定的外观表现。就算不要样式表，内容看起来也很简洁，明了。表格做不到，因为自身带了太多样式属性，你不自觉就用上了。
当你出了错，但浏览器不告诉你，超强纠错，把错误忽略过去了，你一直都不知道自己在犯错，还觉得就是这么回事呢，无耻的浏览器，方便了大家同时也误倒了大家，你写了许多未封闭的标签如<font>，殊不知html是一个容器类语言，需要闭合，不然哪里突然发生了明显错误，一时根本找不出原因。
内容和样式分离其实很必然，因为毕竟内容才是我们真正关心的。外在的样式换来换去，取悦了我们的感观。现在适用的过渡标准XHTML实际最终要实现XML储存数据。
最后又说回这个blog了，开始开发似乎没有考虑到这个问题。其实现在的blog大都是用到了XML的，所以一般都是符合web标准的。所以在分离样式时，显得很繁琐。而且错误很多，我在做模板的时体会到了，就因为我是用XHTML，所以检查更严格些，发现错误也很明显。像CSS样式表如果分离出去，浏览器不必每次从服务器获得嵌在每页的样式表了，可以节省不少带宽，访客浏览速度也加快了。
差太远？嗯……也就那么一点，迎头赶上吧。
回复Comments
作者:
{commentrecontent}