关于XHTML和W3C

换了新公司，第一天开发经理交给我一件事情：去看W3C标准。相信众多WEB开发的程序员都面临这样的问题，各个浏览器对js的支持是各不一样，虽然有强大的JQuery做了封装，但是遇到我现在这样不使用JQuery，直接使用纯js的情况，还是有很多要注意的。把这两日从网上整理出来的所谓学习笔记贴上来。如果谁有用，就拿去吧。转载的还是要说明一下哦，如果有人转载的话。哈哈！不说废话了：

就DOCTYPE来说，声明的是页面使用的XHTML或者HTML的版本 XHTML1.0包含了3种DTD声明，T ransitional（过渡的），这种声明可以使用HTML 4.01的标识，但是要符合xhtml的写法 Strict（严格的），这种声明不能使用任何表现层的标识和属性，比如<br> Frameset（框架的），页面中使用框架的话需要声明这种DTD

关于javascript的声明，必须使用<script language="javascript" type="text/javascript"> 而且必须使用<!-- -->来注释所有的javascript，防止在不支持javascript的浏览器上直接显示出代码

关于CSS的声明，必须使用<style type="text/css">开头，不能单纯的使用<style>；而且要写上CSS数量单位

不在注释内容中使用--，以防止和注释的开头和结束混淆。

所有的标签元素和属性都是大小写敏感的。且要求都必须小写。所有属性还必须有值。没有值也要以本身来写

把所有特殊符号都用编码表示，也包含在“”中使用‘’

每一个标签都要有结束，嵌套也是要严格对称

图片要有alt属性，并且是有意义的。同样的，超链接的title也应该是有的

form表单中增加lable，增加用户友好度

使用id属性来代替name属性，但是为了兼顾版本比较低的浏览器，应该同时使用name和id属性，并保证他们的值是相同的

关于document.formName.item("itemName") 在IE中可以使用document.form.Name.item("itemName")或者document.formName.item["itemName"] 或者document.formName.elements["elementName"], 但是W3C标准中只能使用document.form.elements["elementName"] 所以应该统一使用W3C标准写法

关于集合类对象 应该统一按照[]的方式来获取集合类对象

关于style描述，应该统一按照CSS属性的大小写编写，并且每个元素style应该只有一个

关于自定义属性，应该统一按照getAttribute（）来获取自定义属性

关于获取对象的方式,火狐是不支持eval的，所以应该统一使用getElementById来获取HTML对象，另外变量名最好也不要和HTML对象的ID重复 如果通过name则应该使用getElementByName

关于input.type，这个属性在IE中是只读的，需要特别注意。

关于弹出/打开新的窗口,IE中可以使用showModalDialog和showModelessDialog来打开模态和非模态对话框，但是其他的不行 所以建议使用window.open(pageURL,name,parameters)打开新窗口，可以使用window.opener来获取父窗口，然后再进行传值

关于鼠标手指，cursor:hand和cursor:pointer，统一使用cursor:pointer，火狐不支持前者