多浏览器web开发界面的注意事项
当今web开发的趋势就是w3c标准下进行开发，以达到兼容多浏览器。
因此，让我们来学习一下XHTML.
0.XHTML文件的开始要声明DTD. XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
1.Table居中style="text-align:center;margin:auto"
2.align-->style="text-align:"
3.height=20-->-->style="height:20px"
4.在HTML里一些元素可以不正确嵌套也能正常显示--->XHTML 元素一定要被正确的嵌套使用
example:
<b><i>This text is bold and italic</b></i> ---> <b><i>This text is bold and italic</i></b>
5.所有的标签和标签的属性都必须小写，属性值可以大写
example:
<body>
<p>This is a paragraph</p>
</body>
6.属性值必须用引号括起来。单引号双引号均可。
example:
<table width="100%">
7.所有的标签都必须被关闭，空标签也不例外。关闭空标签的方法如下：
HTML中的<br>要写成<br/>。注意，后面加了一个空格”“和一个反斜杠”/“。
7.如果你使用的是strict.dtd。也就是最严格的XHTML，那么许多定义外观的属性都将不被允许。
例如你为图片添加链接的同时想去掉边框。不可以再使用<img src="..."border="0">，而是必须通过CSS来实现。
我们推荐您在使用strict.dtd时，舍弃所有的定义外观属性，而完全使用CSS来定义页面外观
8. 属性的缩写被禁止。如：
错误的代码：
<dl compact>
<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>
正确的代码：
<dl compact="compact">
<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />
9. 用id属性代替name属性。如：
HTML 4.01 中为a，applet, frame, iframe, img 和 map定义了一个name属性.在 XHTML 里name属性是不能被使用的，应该用id 来替换它。如：
错误代码：
<img src="picture.gif" name="picture1" />
正确的代码：
<img src="picture.gif" id="picture1" />
注意：我们为了使旧浏览器也能正常的执行该内容我们也可以在标签中同时使用id和name属性。如：
<img src="picture.gif" id="picture1" name="picture1" />
为了适应新的浏览器浏览我们在上述代码中的最后我加了/来结束标签。
浙公网安备 33010602011771号