跨浏览器开发经验总结(一) HTML标记

2019-01-14 10:54:55刘景俊

<script>标签的language属性是用来定义脚本语言版本的,正确的赋值应该形如<script>用来告诉浏览器(主要是IE)使用1.2版本的javascript语法来解释;而type属性才是用来定义脚本类型的,是w3c的标准属性,并且使用小写属性才是符合标准的做法。如果不是特别情况下需要告诉浏览器按照较低版本的javascrip语言进行解释的话(目前大多数浏览器支持的javascript版本是1.5),一般不需要定义language属性,但是type属性是需要定义的。所以应该把代码中的

<SCRIPT Language="JavaScript">改为<script>

<a>标签的alt和title属性
虽然alt和title这两个属性的值在IE下都会以tool tip的方式在鼠标悬停时显示,但是二者还是有区别的。alt是图片没有显示出来的时候的替代显示,而title才是鼠标放到上面时的提示。

<input>标签的checked、readonly属性
在早期版本的HTML中,并没有强制规定所有的属性都应该赋值,在表示一个选中的复选框时,<input checked > 这样的写法是被认可的。但是根据XHTML的标准,这样的文法并不是一个严格的XML格式,应该注意对属性的赋值和标签的闭合,以顺应HTML标准发展的趋势,写成这样:

<input checked="checked" />

<input readonly="readonly" />

<option>标签的select ed属性

与上一条相同的理由,<select>选项中<option>标签的selected属性也应该赋值:

< option selected="selected" />

<img>标签的 align="absmiddle" 属性
根据XHTML的标准,HTML标签应该专注于内容的表示,而不是样式的控制,样式应该交给CSS调整。所以废弃了一些旧的标签和属性,比如<em>标签和<i>标签都会让标签内容中文字以斜体显示,但是<i>标签这种单纯以样式命名的标签已经属于废弃的标准了,取而代之的是表示emphasis(强调)含义的<em>标签。同理,<img>标签的和align="absmiddle" 属性表示该图片和相邻文字垂直居中对齐,这也是表示样式的属性,应该使用CSS而不是这个属性来控制图片的对齐样式,避免两处样式控制的相互影响。

<iframe>标签的frameborder属性
在使用iframe时,IE中或许只要设置border=“0”就可以不显示iframe的边框了,但是标准的控制frame窗口边框的属性是frameborder,应该设置frameborder=“0”才能在IE之外的其他浏览器中同样隐藏frame的边框:

<iframe frameborder="0" />

<table>标签的cellpadding属性
这个属性同<img>标签的 align属性一样,也是一个僭越了HTML自身表示内容的职责而控制样式的一个属性,它规定的是单元之间的空间。从实用角度出发,最好不要规定 cellpadding,而是使用 CSS 来控制单元格的内边距。