css+xhtml页面构建的心得总结
作者:dangbao 日期:2009-12-04
写了这么长时间的静态页面了，有必要来整理一下网页代码的书写心得，也许会对读者您有所帮助。我按照一般页面构成来说吧。
login:
头部一般会有登陆条。写用户名密码的地方，建议字和input分别用单独类的margin来控制。大家都知道文字和input在一起的时候用line-height并不会起什么效果。记得用户名和密码的文字用label标签。
logo:
这个可能有值得商榷的地方。有人喜欢把LOGO用H1来显示，有人喜欢背景显示LOGO而代码隐藏文字。具体对SEO的影响自己去体会吧，不妨都试试，不过LOGO上总要带链接的。
nav:
导行菜单一般都用LI来做，不过最好带上浮动float:left，而不仅仅是display:inline,这样控制起来可能更精确一点。至于象门户那样复杂的菜单就可以自由发挥，...
login:
头部一般会有登陆条。写用户名密码的地方，建议字和input分别用单独类的margin来控制。大家都知道文字和input在一起的时候用line-height并不会起什么效果。记得用户名和密码的文字用label标签。
logo:
这个可能有值得商榷的地方。有人喜欢把LOGO用H1来显示，有人喜欢背景显示LOGO而代码隐藏文字。具体对SEO的影响自己去体会吧，不妨都试试，不过LOGO上总要带链接的。
nav:
导行菜单一般都用LI来做，不过最好带上浮动float:left，而不仅仅是display:inline,这样控制起来可能更精确一点。至于象门户那样复杂的菜单就可以自由发挥，...
网页前端制作发展小漫谈
作者:dangbao 日期:2009-03-06
CSS和XHTML经过这几年在国内的发展，已经占据了主导地位。也成了网页前端必须掌握的技能之一。关于两三年前用TABLE布局好还是DIV布局好的争议已经烟消云散，已经完全没有必要提了。网站的各个职位要求似乎都跟CSS沾上了边，设计、程序都要会写几个样式。网页前端制作也一下子成了热门职位，即使在金融危机的困难风潮下，招聘前端职位的公司还是很多。毕竟作为一个新兴的职位，和其它职位比较起来，前端技能熟练的人还不能算是太多。不过新人学习的劲头也足一些，很多人为了换博客和空间的皮肤也开始学习CSS，所以也产生了好多CSS相关的网站、论坛、QQ群。也是个好现象吧。
CSS3标准的呼之欲出，将使得CSS也会发展成为一门弱编程语言。所以前端的难度也会更大，更多的样式和属性需要使用。而且各个浏览器也会推出自己有关CSS功能的额外扩展需要我们知道。未来的CSS会更加强大和健壮。当然，浏览器的兼容问题依旧存在。最近WEB界掀起了反IE6的运动，为推动W3C标准和更好的用户体验，建议升级IE6。而目前来说，IE8仍在测试阶段，对CSS3也提供了部分支持。而新版的火狐、Safari也开始支持CSS3。
JavaScript在最近几年也重新焕发了光彩，编程的要求也会越来越高，不过prototype、jQuery等JS插件的不断更新使我们更充满了想象力,也让代码书写更加从容简单。因而也是前端人员需要掌握的技能。不过IE的自身标准和W3C的标准不兼容问题，也需要我们从头开始学习。本博推荐JavaScript权威指南，比较详细的介绍JS核心内容和浏览器支持特性。
就我个人来看，网页前端在将来还会在网站中占据很大的空间和位置。网页前端的水准会走上一个新的发展历程。
CSS3标准的呼之欲出，将使得CSS也会发展成为一门弱编程语言。所以前端的难度也会更大，更多的样式和属性需要使用。而且各个浏览器也会推出自己有关CSS功能的额外扩展需要我们知道。未来的CSS会更加强大和健壮。当然，浏览器的兼容问题依旧存在。最近WEB界掀起了反IE6的运动，为推动W3C标准和更好的用户体验，建议升级IE6。而目前来说，IE8仍在测试阶段，对CSS3也提供了部分支持。而新版的火狐、Safari也开始支持CSS3。
JavaScript在最近几年也重新焕发了光彩，编程的要求也会越来越高，不过prototype、jQuery等JS插件的不断更新使我们更充满了想象力,也让代码书写更加从容简单。因而也是前端人员需要掌握的技能。不过IE的自身标准和W3C的标准不兼容问题，也需要我们从头开始学习。本博推荐JavaScript权威指南，比较详细的介绍JS核心内容和浏览器支持特性。
就我个人来看，网页前端在将来还会在网站中占据很大的空间和位置。网页前端的水准会走上一个新的发展历程。
HTML 5令人期待的5大功能
作者:dangbao 日期:2008-12-19
HTML自1999年发布HTML 4.01以来，其开发一直处于停顿状态，而1999年至今正好是Web飞速发展的时间，现在的HTML版本已经无法适应现在的 Web 内容与应用。HTML 5是超文本置标语言下一个重要版本，旨在提高 HTML的交互行，支持当前多样的，复杂的Web内容。同时它也会解决HTML 4 Web应用功能上的欠缺。
一点历史背景
HTML 5 的讨论开始于2003年，当时，W3C 对由 Web Hypertext Application Technology Working Group (WHATWG) 开发的 HTML 5 草案表示出兴趣，WHATWG 创始于2004年，由苹果，Mozilla 基金会，以及 Opera 公司的 代表组成。此后，W3C HTML Working Group 于2007年成立并着手开发 HTML 5。目前，开发工作仍在进行中，并将于2012年向 W3C 提交初步意见，不过现在已经有不少浏览器部分支持 HTML 5。本文介绍 HTML 5 的5大令人激动的新功能。
1. 一些帮助我们描述内容的新标签
一点历史背景
HTML 5 的讨论开始于2003年，当时，W3C 对由 Web Hypertext Application Technology Working Group (WHATWG) 开发的 HTML 5 草案表示出兴趣，WHATWG 创始于2004年，由苹果，Mozilla 基金会，以及 Opera 公司的 代表组成。此后，W3C HTML Working Group 于2007年成立并着手开发 HTML 5。目前，开发工作仍在进行中，并将于2012年向 W3C 提交初步意见，不过现在已经有不少浏览器部分支持 HTML 5。本文介绍 HTML 5 的5大令人激动的新功能。
1. 一些帮助我们描述内容的新标签
Tags: html
XHTML代码的基本应用[转]
作者:dangbao 日期:2008-01-22
一段时间以来，发现有很多人XHTML都不会用，不光是普通的初学者，有的程序员都不是很清楚该怎么写这个XHTML，我这里呢算是把一些常见的应用问题做一个总结，也算能使得大家能在沟通，合作上能形成默契。
XHTML里有很多的标签，但是经常用到的也就是那么几个，也只要掌握这几个也就可以了。下面我们一一列举：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em
div 在我的脑子里我一直把他想作是一个瓶子或是箱子，我的感觉它挺硬的。这个div没有什么特性的意义，可以使用在很多地方，也就是说他可以装不同的东西。他的正确的写法是<div></div>必需要有封口。大家都用来做布局之用，也有用来作为存放文章形成段落，实际上，这个做法并不是很好，因为作为文章的分段自然有一个特定的标签来用。那就是下面要讲的<p></p>标签，不过用DIV来再整体的包住所有的段落。这是非常实用的。
p 这是一个有特定语义的标签，表示段落，是用来区分段落的。在大部分的浏览器中对P基本上都有一个上下的边距。但是没有行首缩进，因为行首缩进只是表示段落的方式但是不是一定或是必需的。所以在用P标签的时候如果需要可以针对P设定一下行首缩进，我是推荐在文章以外的地方不要使用P，因为P是有一定语义的，如果用在别的地方恐不合适。正确的写法是<p></p>
XHTML里有很多的标签，但是经常用到的也就是那么几个，也只要掌握这几个也就可以了。下面我们一一列举：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em
div 在我的脑子里我一直把他想作是一个瓶子或是箱子，我的感觉它挺硬的。这个div没有什么特性的意义，可以使用在很多地方，也就是说他可以装不同的东西。他的正确的写法是<div></div>必需要有封口。大家都用来做布局之用，也有用来作为存放文章形成段落，实际上，这个做法并不是很好，因为作为文章的分段自然有一个特定的标签来用。那就是下面要讲的<p></p>标签，不过用DIV来再整体的包住所有的段落。这是非常实用的。
p 这是一个有特定语义的标签，表示段落，是用来区分段落的。在大部分的浏览器中对P基本上都有一个上下的边距。但是没有行首缩进，因为行首缩进只是表示段落的方式但是不是一定或是必需的。所以在用P标签的时候如果需要可以针对P设定一下行首缩进，我是推荐在文章以外的地方不要使用P，因为P是有一定语义的，如果用在别的地方恐不合适。正确的写法是<p></p>
Tags: html
