写代码时注意事项

最新推荐文章于 2022-08-20 09:18:20 发布

once_陌

最新推荐文章于 2022-08-20 09:18:20 发布

阅读量1.5k

点赞数

分类专栏：代码风格文章标签： web前端

代码风格专栏收录该内容

0 篇文章 0 订阅

订阅专栏

有些是专门针对web前端,有些则都适用.这些注意事项不写,可能不会影响你想表达的效果.但是,你若想在这方面深入了解,甚至从事这一行业的话,那么这一定是硬性要求,既方便自己检查,也方便别人查看,

1.文档声明必须写,并且要写对. 在web2.0时代,由于历史遗留问题,各个厂商的浏览器和各种版本的规范,导致你写的代码在不同浏览器上可能会有不同的效果,而写文档声明则可以帮助浏览器选择解析方案,从而使你的代码正确表达.ps:现在各个浏览器都在朝标准化前进,部分html5和css3也可以使用了.所以对于初学者来说,浏览器兼容会比之前容易,而且前一代前端人奋战的IE6,IE7这些的市场份额也逐步降低.
另提供一些文档声明.
大多数Web文档都需要遵循由W3C发布的某个国际公认的Web标准，所以那些文档通常都要包含以下标准doctype声明之一：含以下标准doctype声明之一：

HTML 2：<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">

HTML 3.2：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

HTML 4.01 Strict：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

XHTML 1.1 plus MathML plus SVG：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">

过渡性文档声明
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.写代码时注意缩进. 一个没有缩进的代码让人看起来头都是大的,而加上缩进以后,代码的层次感立马就显现出来.例如
<html>
<head>
<title></title>
</head>
<body>
<h1></h1>
</body>
</html>

<html>

<head>

<title></title>

</head>

<body>

<h1></h1>

</body>

</html>
这两种孰优孰劣不用多说了吧,
3.html中加入css样式和javascript时尽量使用外联样式,而不是用内联样式或行内样式,这样做的好处是方便以后修改,
4.命名语义化, 在html文档中少补了class和ID命名,而在命名时选择语义化的单词,能让别人更加容易读懂你的想法,而且不要用相关属性来命名,因为你不知道以后会改成什么样,修改后以前的命名就毫无意义了.
5.html文档能多小就多小,这就和前面的css与javascript用外联吻合,除此之外,还有一些其他效果也尽量用css来处理,比如英文的大小写等等
6.为body单独命名. 这样方便为所有元素加上相同性质.(通配符选择器也可以解决这个问题吧?)
7.整个代码按照页面的逻辑顺序写.其中在外联css和javascript时,把css放在javascript前面,这样渲染速度会加快,加强用户体验

上述所说的许多或许你觉得意义不大,但是在以后你会发现非常重要.任何程序员都不是一个人在战斗,团队是肯定的.所以为了方便团队合作,上面所述还是要注意的.
这些是在看到相关文章后,加上自己的体会然后写出来的,大家若有其他想法,欢迎交流.

第一次写文,如有错误请指出,必定虚心改正,