wtxidian
wtxidian

web标准页面开发必备系列

试总结：web标准页面必备系列 　　今天在群里，熊猫君提议整理一个帖子，一方面为初学者提供一个入门指南，另一方面也象借此和已经在从事这个行业进行一点交流。下面是我从事这个行当多年的一些经验总结，希望抛砖引玉，大家不吝赐教。 １、必备工具 　　其实web标准并不是很复杂的技术，实现web标准的工具也很简单，说白了，只要可以进行纯文本编辑的软件，都可以作为代码编写的gon工具。例如记事本、UltraEdit甚至CuteFTP的编辑器（象我这种懒人有时候就用那玩艺儿直接在线编辑，汗）。 　　而另一些较专业软件会提供高亮显示代码（前面提到的UltraEdit也具有此项功能）、代码提示、自动闭合标签等等功能，使用起来会大大提高工作效 率。如DreamWeaver、MS Expression、EditPlus等等，这些编辑软件目前是绝对的主流，无论是初学者上手容易还是专业人士提高效率都是不错的选择。 　　再说说浏览器环境，目前一台机器同时装IE、Firefox、Opera、Safari已经不是难事，而IE7 Standalone和MultipleIE的问世也让IE7和低版本IE并存成为可能。推荐浏览器环境——本机安装IE7、FF、Opera、 Safari，同时安装MultipleIE。从我个人的使用经验，IE7 Standalone存在一定的缺陷，有可能导致本机安装的IE6无法正常使用。 　　除了编辑器以外，还有就是必不可少的调试工具啦，首推当然是Firefox下的Firebug！IE下目前还没有与之相当的调试工具，比较好的有IE development toobar、IE Debugbar等等，不过和Firebug完全不是一个档次的东西，只能说勉强凑合用。 ２、必备的HTML/XHTML基础 　　说到基础，其实正是我最想谈的。从论坛许多的帖子也可以看出来，大多数问题的产生是由于制作者本身基础的不牢固。而HTML/XHTML作为基础中的 基础，更是许多人的薄弱环节。然而很多人还是喜欢一上来就问布局或者Hack这些技巧方面的问题，其实很多问题如果本人的基础牢固了，几乎不能被称之为问 题。 　　web标准必备的HTML/XHTML基础，大致有几个方面： 　　1、每个标签的语义，这一点是网页标准的根本。而整个网页标准化几乎都是围绕着这一点而来的，明确了语义，才能选择合适的标签；明确了语义，才能构建 可读性良好的结构。例如

就是网站最高等级的标题，它不应该放在

层级之下；例如
和，主要用于表单元素分组，不应该因为它那个漂亮的边框就用来表现新闻列表。 　　2、每个标签的初始样式，现在有很多重置标签样式就是针对这一点，因为每个标签在不同浏览器下的初始样式是不同的，而重置样式是为了更好地实现网页兼 容性。从我个人的角度来说，不推荐初学者一上来就了解如何重置样式，而应该从了解标签的初始样式入手，先了解了这些，才能明白每一行重置样式的代码的真正 含义。 　　3、标签的正确嵌套规则，同时还必须了解的是哪些标签属于块元素，而哪些属于行内元素。这是即使是高手也会经常忽略的方面，例如本人（^_^）。今天看到 http://bbs.blueidea.com/thread-2834342-1-1.html这 个帖子的时候，才意识到，原来之前对dt、dd的嵌套规则理解有误，二者不能一视同仁。HTML/XHTML的嵌套规则并不算简单，常用的标签不过三十个 上下，就有大约二十种不同的嵌套规则，稍不留神就会出错。虽然不严格遵循并不会影响页面的表现，但养成一个良好的习惯是很重要的，它往往能决定你在这条路 上可以走多远。 　　4、标签的属性。这个又要分为两方面，一是符合标准的常用属性及对应的值，例如的summary属性、< th>
的scope属性、