Web 设计:实现干净代码的12条定律
作者：dudo 来源：dudo博客 发布时间：2008-12-04 13:27:00
漂亮的代码是漂亮网站的基础，优秀的 CSS 只存在与同样优秀的 HTML 之上，干净的，语义的 HTML 代码让一个网站更健壮。本文讲述了12个实现干净 Web 设计代码的定律，适合于任何从事 Web 设计的人。
1. Strict DOCTYPE 要做就做对的。
不管是 HTML 4.01 还是 XHTML 1.0，它们都提供 Strict 模式，使用 Strict 模式可以保证我们的代码不隐藏任何错误。
参考资料:
2. 字符集声明，特殊字符进行编码处理
字符集声明应当放在 <hea> 部分的最前面，以便让浏览器知道如何显示网页中的所有内容，包括标题。另外，一些特殊字符，如 & 最好用 & 代替，这是一种最安全的方法。
参考资料:
3. 恰当的锁进
缩进不会影响网页的渲染，但会明显改善阅读源代码时的体验。缩进没有特定的规则，但始终保持一致是个好习惯。
参考资料:
4. 将 CSS 和 JavaScript 放在外部文件中
将 CSS 和 JavaScript 放在外部文件中引用，不仅减低单个网页的尺寸，而且意味着其它网页也可以共用这些代码，另外，浏览器的缓存机制可以很好地降低对相同代码的重复下载。
5. 正确地嵌套 Tag 标签
如下图，第一行代码中，<h1>标签嵌套在 <a>标签中，尽管多数浏览器会正确渲染，但这不是好的习惯， 标签是 block 对象，而 是 inline 对象，inline 对象不应该容纳 block 对象。
6. 消除不必要的 <div>
<div> 常被滥用（尤其在我们现在所处的 DIV+CSS 神话中 - 译者），人们希望把任何东西都放在 <div> 中以便为它们分配 CSS 式样，这种滥用会导致的臃肿。
参考资料:
0
投稿猜你喜欢
- 是因工作需要做的一个批量修改代码的小东西，拿出来与大家分享。 目前可以处理的文件类型：.asp .inc .htm .html
- 于是我登陆主机的管理面板，重启了网站服务，ldb文件就消失了，网站打开也正常了，但过了数小时后，网站又再次出现以上情况，此种情况持续了好一段
- 在给blog加上无刷新搜索和即时验证检测后，又看了下代码，感觉太过麻烦，就把XMLHttpRequest请求封装到一个类里面，用起来方便多了
- 假如你正在运行使用MySQL的Web应用程序，那么你把密码或者其他敏感信息保存在应用程序里的机会就很大。保护这些数据免受黑客或者窥探者的获取
- 阅读上一篇文章《WEB2.0网页制作标准教程（5）head区的其他设置》在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。
- 如何取回已忘记的密码？forget.asp' 申请<html><head><title>闪亮日子
- 我想让一片文章,每到3000字就分到下一条插入到数据库,求高手 <％Dim Content Conte
3月27日，淘宝网获得了由国际权威机构G-CEM颁发的2008年度亚洲区在线客户体验大奖，这是全球互联网企业首次获得此殊荣。如何在让买家更方- 一、问题描述当用JS调用form的方法submit直接提交form的时候，submit事件不响应。为什么？知道的请回复。类比一下，我用inp
- default-character-set=gbk #或gb2312,big5,utf8 然后重新启动mysql 运行->servic
- 最近论坛里总有人问幻灯片怎么从数据库里取数据，花了几分钟简单的写了下。用到的人可以自己在细化<％dim rs,sqlset&
- 1 Video介绍引用我翻译文档《在HTML5页面中嵌入音频和视频》中的介绍文字：“当今，在网页上嵌入视频且所有用户不管使用任何浏览器或者操
- Object 类型的对象虽然有 toString 方法，但结果却是 [Object Object] 让人没法理解的字符。比如简单的对象：{n
- 如果您目前拥有一个冷备份，但是缺少了其中的一个数据文件，但你目前存在所有的归档，如果您要恢复数据文件，可以参考以下的示例：[oracle@j
- 看到了很多关于如何读出图片的长度的高度的方法，其实都不实用，大多都是通过图片的大小来判断的，图片的种类众多，通过大小来判断难免要制造很多的代
- 在填写表单的时候为了让用户有更好的体验，有时需要根据用户的输入出现提示共用户选择，我这个就是根据输入的内容，从数据库取出相关内容以供选择，这
- 本文讨论 MySQL 的备份和恢复机制，以及如何维护数据表，包括最主要的两种表类型：MyISAM 和 Innodb，文中设计的 MySQL
- Sun Microsystems公司宣布，正式对外提供MySQL 5.1软件——这是全球最受欢迎的开
- 在WEB2.0 网页充斥的年代，身边无时无刻都听到这样的声音：“拒绝海报式设计，要做有用的设计，要简洁，要清爽，要大气”产品经理
- 【原文地址】 Fixes for Common VS 2008 and .NET 3.5 Beta2 Issu
