编写Web前端代码的注意事项
1. 最好在html标签之前添加一句类似于
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
的代码,该代码表示遵循W3C的某一套标准,具体使用哪套标准因人而异。
使用该标准的好处是不用再为各种不同浏览器环境下网站的布局不一样的问题而烦恼。使用该标准后,笔者在IE8、FF、Safari浏览器环境下测试,结果页面显示均正常。另外,发现使用该标准后包括一些IE本身的bug也不再出现,如IE默认div框的高度要大于字体高度的bug,在遵循该标准后就不再出现。
在遵循该标准后需要注意的一点是,有些写的不规范的代码可能就不能正常工作。例如在javascript中有roll1right.innerHTML = roll1left.innerHTML;的代码,其中roll1right和roll1left是网页上两个不同div的id,在没有套用该标准的情况下网页可以工作,但在W3C标准下该语句就出现bug。原因是W3C要求所有的变量都有明确的赋值,因此必须在该语句之前加上var roll1right = document.getElementById("roll1right");的语句,随后代码全部正常工作。
2. 在网页中使用div和table时,发现:虽然同样可以通过css设置div和table的border、margin、padding都为0,但是div显示正常的同时,table仍然会有一定的空隙。查询了W3CSchool后发现,原来table有cellpadding和cellspacing两个属性,其中cellpadding属性规定单元边沿与内容之间的空白,而cellspacing属性规定了单元之间的空白。于是将网页中的table的cellpadding和cellspacing两个属性都设为0,果然网页的table不再有空隙,问题解决。
转载于:https://www.cnblogs.com/eagley/archive/2010/08/04/1792485.html
编写Web前端代码的注意事项相关推荐
- Web 前端代码规范
Web 前端代码规范 最后更新时间:2017-06-25 原始文章链接:https://github.com/bxm0927/web-code-standards 此项目用于记录规范的.高可维护性的前 ...
- html字面量编码,Web 前端代码规范
Web 前端代码规范 最后更新时间:2017-06-25 原始文章链接: 此项目用于记录规范的.高可维护性的前端代码,这是通过分析 Github 众多前端代码库,总结出来的前端代码书写规范. 目录前端 ...
- WEB前端代码书写规范
WEB前端代码书写规范 1. 命名规范 a.ClassName命名 ClassName的命名应该尽量精短.明确,必须以单页面字母开头命名,且全部字母为小写,单词之间统一使用下划线 "_&qu ...
- 怎样在线把别人web前端代码抓下_自学web前端8个月,我是怎样拿下7K薪资的?
自学web前端8个月,我是怎样拿下7K薪资的?自学两个字,说起来很轻松,但真正做起来那真是绝非易事,说实话,在我收到HR发来的offer那一刻,眼泪差点掉下来,这个过程中吃的这些苦,真的只有自己才能知 ...
- web前端代码开发工具_Web开发人员的有用代码比较工具
许多不同语言的开发人员都有着共同的成长难题. 冗长的源代码将在开发人员的整个职业生涯中成为一个棘手的问题,但是考虑较少的问题是编译和合并来自同一源的两个或更多副本的编辑. 幸运的是,对于这种情况,有非 ...
- oracle pl sql注意问题,Oracle PL/SQL编写PL/SQL代码的注意事项
(1)几个值得注意的关键字(2)变量常量赋值注意: ---------------------------------------------------------------------[@mor ...
- 100本最棒的web前端图书推荐
100本最棒的web前端图书推荐 01.<JavaScript DOM编程艺术第二版(中文)> 语言:中文 类型:pdf 简介:这本书作为被大家推荐的最多的前端入门书籍是有道理的. 他能真 ...
- 入门Web前端要注意什么?要学哪些软件?
很多刚刚毕业准备找工作的同学想要学习Web前端,因为相对于Java,Python而言,Web前端更容易入门,也属于互联网行业.那么对于零基础想学习Web前端有注意哪些事项呢?Web前端要学哪些软件工具 ...
- 推荐几本最好的web前端开发技术图书
Web前端开发随着html5的日渐普及,而益发重要.构建一个高质量的站点,成为决胜之道上的重要一步.下面就推荐几本计算机图书第一网上书店china-pub上的几本畅销web前端开发技术图书. N0 ...
最新文章
- UDP穿越NAT原理
- java tcp 编程实例_Java实现基于TCP的通讯程序实例解析
- redis的那种目录结构能新建么_Serverless 解惑——函数计算如何访问 Redis 数据库...
- 什么叫一年有四季......
- 面试必备:HashMap底层数据结构?jdk1.8算法优化,hash冲突,扩容等问题
- centos7升级gcc,并安装redis
- 《东周列国志》第六十三回 老祁奚力救羊舌 小范鞅智劫魏舒
- android写出资源文件,Android 读取Assets下的资源文件
- Apache Tomcat 文件包含漏洞(CNVD-2020-10487,对应 CVE-2020-1938)
- python中的encode_python的decode()与encode()详解
- 远程桌面计算机密码是多少,局域网远程桌面连接密码
- thrift编写规则,及常见问题
- Latex标题页上标和脚注的处理方法 如何在latex文件中添加footnote
- java学习思维导图
- 主成分分析 python实现
- 推荐一些实用的谷歌浏览器翻译插件
- 第二组第一次成团哈哈哈哈
- 按键精灵模拟键盘批量输入英文大小写
- MT7621芯片性能,MT7621路由器参数介绍
- 【office考试】Office办公软件考试试题题目