新鲜、有趣,互联生活。令狐葱。

2007/10/05

CSS禅意花园阅读笔记一:创建良好的标记

CSS禅意花园 Page11
 
1. 选择DOCTYPE
 
在html代码开始的部分声明,展示你使用的html语言的类型。
 
举例:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 
但更常用的是为过渡阶段设计的稍微不严格的标准:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
注:1. 文档结构和表现分离可参考牛人Roger Johansson的作品Developing With Web Standards:http://www.456bereastreet.com/dwws
      2. 更多关于DOCTYPE参考大牛人Jeffrey ZeldmanFix Your Site With the Right DOCTYPE!
 
2. 指定语言和字符集
 
举例:
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
3. 指定标题
 
举例:
 
<title>The Zen of CSS Gargen</title>
 
4. 选用恰当的元素
 
html标签的选择。
 
5. 避免过度使用div和span
 
6. 尽可能少的使用标签
 
7. 适当的使用class和id
 
在同一页面上可以为多个元素指定同一个class,但是不能指定同一个id。这就是二者的区别。

没有评论: