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
投稿猜你喜欢
- 最近一个小项目需要一个星级评分的效果，所以去淘宝偷了一个，但是还得加载YUI很不爽，还是自己动手写一个吧～HTML: <!-
QComboBox 是一个允许用户从列表选项中选择一项的控件。#!/usr/bin/python3# -*- coding: utf-8 -- 由于初学Django所以对于其特有的表单模板和models中的filefiled并不是特别熟悉。因此在本次开发中还是依照以往自己在html中
- 使用 python manage.py createsuperuser创建超级用户时只能默认输入:用户名,邮箱,及密码来创建有的时候我们需要
- 详解 Python 读写XML文件的实例Python 生成XML文件from xml.dom import minidom# 生成XML文件
- 如何完美的卸载掉Mysql？按以下几个步骤去执行。步骤一确认你的mysql服务是关闭的状态，不然卸载不干净。在我的电脑（计算机）-- 管理
- python urllib urlopen()对象方法/代理的补充说明urllib 是 python 自带的一个抓取网页信息一个接口，他最主
- 我今天晚上，做一个快印公司的网站布局，在Div镶套布局中，父标签DIV的高度不变。在IE下没有问题，但是在FIREFOX下就有问题了。如图：
- 关于 pynput pynput 可以监控我们的键盘和鼠标。目前具有此类功能的库有很多，比如 pygame 等游戏库，但是当我们只需要
- 在后端有许多的封装方法来截取字符串或者对字符串的操作，同样前端也有相应的方法。有一个data数据为ipaddrdata() {
- 如果你的电脑内存较小那么想在本地做一些事情是很有局限性的（哭丧脸），比如想拿一个kaggle上面的竞赛来练练手，你会发现多数训练数据集都是大
- 一、vim python自动补全插件：pydiction 可以实现下面python代码的自动补全：1.简单python关键词补全 2.pyt
- 编程小白在线学习代码，前几天帮女朋友合并表格cv大佬在线泪目，想想之前合并表格也是一直cv，重复性且效率低下的操作完全可以用代码来实现。就用
- 本文实例为大家分享了Python Unittest自动化单元测试框架的具体代码，供大家参考，具体内容如下1、python 测试框架(本文只涉
- 使用Python时，常遇到的一个问题就是Python和库的版本不同。Anaconda的env算是解决这个问题的一个好用的方法。但是，在使用J
- 用Pyinstaller封装一个py文件时，过程没有问题，但打开后会出现闪退的现象。因此上网找，找到了上面网址所示的解决方法。也就是用cmd
- 一、SQL 连接(JOIN)1、笛卡尔积（1）当多张表进行连接查询，没有任何条件限制的时候，最终查询结果条数，是多张表条数的乘积如A表15条
- 今天在写 mysql 遇到一个比较特殊的问题。 mysql 语句如下: update wms_cabinet_form set cabf_e
- IE(internet explorer)公司:微软(MicroSoft)布局引擎:Trident(也做MSHTML)注:解析渲染
- 首先centos7 已经不支持mysql，因为收费了你懂得，所以内部集成了mariadb，而安装mysql的话会和mariadb的文件冲突，
