跨浏览器开发经验总结(一) —— HTML标记
|
副问题[/!--empirenews.page--]
为页面添加DOCTYPE 因为差异赏识器对标签,样式表的表明不尽沟通,以是必要为html文件界说一个尺度的文档范例,使差异赏识器只管凭证一个同一的html尺度来理会渲染页面。 !DOCTYPE 声明指定文档遵从的 DTD，如： <!DOCTYPE HTML PUBLIC "-//W <!DOCTYPE html PUBLIC "-//W 尺度HTML标签的正确行使 只管行使div+css机关,不消table做机关。 行使table做机关轻易造成代码冗余，相对<div></div>编写来说，代码繁多。而且，table必要将元素都下载后举办表现，响应的网页打开速率也较慢。 应该行使尺度化的页面布局：DIV+CSS。这种机关方法代码简捷，页面赏识速率较快，页面机关机动，改版时只需改CSS样式即可实现页面从头机关，而不消窜改措施，从而低落了网站改版的本钱。 留意标签的闭合相关,尤其是在form标签中嵌套div等其他标签时。 有的时辰页面上会呈现多余的空缺，纵然从头配置了margin也无法停止，这个时辰有也许是页面元素标签闭合呈现了不配对的环境，如： <div class=”outer”> <form name=”testForm”> <div class=”inner”> <input name=”title” type=”text” /> </form> </div> </div> 界说table时行使tbody元素，以担保包罗IE在内的全部赏识器可正确行使 纵然table没有表现界说tbody元素,赏识器也会以为tr节点的父节点是一个自动添加的默认tbody节点.为了停止行使javascript哄骗tr节点时也许发生的误会, 照旧手动添加一个较量好，如： <table id=”myTable”> <tbody id=”myTableBody”> <tr> <td> </td> </tr> </tbody> </table> 留意标签及属性的巨细写 有的时辰，有些绑定在元素上的变乱在IE赏识器下相应，在safari或其他赏识器下却不相应。这时辰必要搜查变乱绑定方法的正确性，高级变乱的绑定必要区别IE和其他赏识器写两套javascript，而简朴变乱模子必要留意一下绑定变乱名的巨细写。如： <input type=”text” name=”keywordSearch” onFocus=”clearValue()” > 这里应该用小写的onfocus，而且表现的添加标签闭合标记才是类型的写法。 <input type=”text” name=”keywordSearch” onfocus=”clearValue()” /> 留意标签的属性值配置 <script>标签的language和type属性 <script>标签的language属性是用来界说剧本说话版本的，正确的赋值应该形如<script>用来汇报赏识器（首要是IE）行使1.2版本的javascript语法来表明；而type属性才是用来界说剧本范例的，是w <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属性 （编辑：河北网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
