Web 设计:实现干净代码的12条定律（2）
作者：dudo 来源：dudo博客 发布时间：2008-12-04 13:27:00
7. 使用更好的命名规则
如下图，Cat 的 CSS 类被命名为 red italic，暗示着 Cat 使用红色斜体，如果你想将 Cat 改成兰色的粗体呢？
8. 尽量使用 CSS 控制文字的排版
如下图所示，不要直接使用大写，用 CSS 对这些文字排版方面的格式进行控制，这样会更灵活。
9. 为 <body> 分配独立的 class/id
为 body Tag 分配一个独立的 class/id，可以很好地定位页面中任何对象，因为页面中所有对象都位于 body 中。
参考资料:
10. 验证
无需多言，你应当尽可能对网页的代码进行验证，尽管有些代码错误浏览器能自动更正，但有些错误是会带来不好的后果的，尤其当你位于 Strict 模式下。即使什么都不为，看到那个绿色的 W3C 验证标志至少可以让自己舒服一些。
W3C 验证是否通过并不一定要什么拘泥，Web 设计中存在更多的考量，只拘泥 W3C 验证结果，可能影响一些更重要的因素，比如，IE6 在 W3C 标准方面存在不少 BUG，如果你为了100％通过 W3C 验证而宣布自己的网站不支持 IE6，至少在国内会得不偿失的 - 译者
参考资料:
11. 合理的结构次序
将网页结构保持一个合乎逻辑的次序
12. 尽你所能
如果你从零开始写，保持以上的原则当然要容易的多，如果要修改旧的代码，将会很痛苦，一些 CMS 系统拙劣的编码会让你陷入泥沼，或者你的网站规模宏大要改动的东西太多，不管怎样，始终保持良好的习惯非常重要。
更多阅读：
本文国际来源：http://www.smashingmagazine.com/2008/11/12/12-principles-for-keeping-your-code-clean/
0
投稿猜你喜欢
- asp函数代码 代码如下:<％ Function RemoveHTML(str) Dim objRegExp, Match,strHT
使用python3+opencv3.3.1环境将视频流保存为本地视频文件，具体内容如下1、利用opencv中的VideoCapture类获取- 数据是企业核心资产，数据对企业而言是最重要的工作之一。稍有不慎，极有可能发生数据无意泄露，甚至被黑客恶意窃取的风险。每年业界都会传出几起大事
- jQuery源码里自己也有很多用到each方法。其实jQuery里的each方法是通过js里的call方法来实现的。下面简单介绍一下call
- 1. 迭代根据记录的前面的元素的位置信息 去访问后续的元素的过程 -遍历 迭代2. 可迭代对象 iterable如何判断可迭代对象的3种方式
- 一、cv2.contourArea起初使用该函数的时候看不懂返回的面积，有0有负数的，于是研究了一下。opencv计算轮廓内面积函数使用的是
- 本文实例讲述了python排序方法。分享给大家供大家参考。具体如下：>>> def my_key1(x):... &nbs
- 前言前段时间，因为项目需求，需要根据关键词搜索聊天记录，这不就是一个搜索引擎的功能吗？于是我第一时间想到的就是 ElasticSearch
- 一、爬取豆瓣热评该程序进行爬取豆瓣热评，将爬取的评论(json文件)保存到与该python文件同一级目录 * 意需要下载这几个库:reques
- python中字符串内置方法很多，可以通过dir()方式查看具体有哪些方法，下表是python字符串的全部的内置方法方法名描述capital
- 首先是抓包，使用scapy模块，sniff()函数 在其中参数为本地文件路径时，操作为打开本地文件若参数为BPF过滤规则和回调函数，则进行S
- var long2="1988-0w-07";alert(long2.substring(0,4)+"----
- 本文实例讲述了Python操作串口的方法。分享给大家供大家参考。具体如下：首先需确保安装了serial模块，如果没安装的话就安装一下pyth
- 有的时候，我们为了保持网页的美观，需要将较长的文字在一定长度时截断。比如我们希望在列表中显示文章标题的前15个字，那么一个这样的标题：“rs
- #-*- coding:utf-8 -*- from win32com.client import Dispatch import time
- 使用fso对象遍历指定文件夹函数：'遍历文件夹sub ListFolderContents(path) &nbs
- 今天在看实验室的项目时，碰到了一个让我“棘手”的问题，其实也是自己太笨了。先把 sql 语句扔出来// 这条语句在id没有1时，不能得到正确
- 前言使用PyCharm在Python Interpreter设置中的Python虚拟环境安装第三方包时，很有可能报错：Non-zero ex
- 1. EXISTS的执行流程 select * from t1 where exists ( select null from t2 whe
- 本文实例为大家分享了Bootstrap导航栏和登陆框的具体代码，供大家参考，有不足的地方请大家谅解，大家共同学习进步。<!DOCTYP
