DIV+CSS的30条进阶技能.pdfVIP

许许多多的网页新手正徘徊在专业编码的门槛前，而网上的教程参差不齐，鱼龙 混杂，很容易让新手迷茫。这里总结了30条网页编码的“秘技”，只要在编码 过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发 者的行列。 1. 一定要闭合标签 在以往的页面源代码里，经常看到这样的语句： 1. liSome text here. 2. liSome new text here. 3. liYou get the idea. 也许过去我们可以容忍这样的非闭合标签，但在今天的标准来看，这是非常不可 取的，是必须百分百避免的。一定要注意闭合你的标签，否则将无法通过验证， 并且容易出现一些难以预见的问题。 最好使用这样的形式： 1. ul 2. liSome text here. /li 3. liSome new text here. /li 4. liYou get the idea. /li 5. /ul 2. 声明正确的文档类型( DocType ) 笔者早先曾加入过许多CSS论坛，在那里，如果有用户遇到问题，我们会建议他 首先做两件事： 1. 验证CSS文件，解决所有可见的错误 2. 加上文档类型 Doctype DOCTYPE 定义在HTML标签出现之前，它告诉浏览器这个页面包含的是HTML， XHTML， 还是两者混合出现，这样浏览器才能正确的解析标记。 通常有四种文档类型可供选择： 1. !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “/TR/html4/strict.dtd” 2. !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “/TR/html4/loose.dtd” 3. !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “/TR/xhtml1/DTD/xhtml1-transitional.dtd” 4. !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “/TR/xhtml1/DTD/xhtml1-strict.dtd” 关于该使用什么样的文档类型声明，一直有不同的说法。通常认为使用最严格的 声明是最佳选择，但研究表明，大部分浏览器会使用普通的方式解析这种声明， 所以很多人选择使用HTML4.01标准。选择声明的底线是，它是不是真的适合你， 所以你要综合考虑来选择适合你得项目的声明。 3. 不要使用嵌入式 CSS 样式 当你在埋头写代码时，可能会经常顺手或偷懒的加上一点嵌入式css代码，就象 这样： 1. p style=“color: red;”Oncoding 编码营/p 这样看起来即方便又没有问题，但是它会在你得代码中产生问题。 在你开始写代码时，最好是在内容结构完成之后再开始加入样式代码。 这样的编码方式就像打游击，是一种很山寨的做法。——Chris Coyier 更好的做法是，把这个P的样式定义在样式表文件里： 1. #someElement p { 2. color: red; 3. } 4. 在页面 head 标签中引入所有的样式表文件 理论上讲，你可以在任何位置引入CSS样式表，但HTML规范建议在网页的head 标记中引入，这样可以加快页面的渲染速度。 在雅虎的开发过程中，我们发现，在head标签中引入样式表，会加快网页加载 速度， 因为这样可以使页面逐步渲染。 —— ySlow团队 1. head 2. titleMy Favorites Kinds of Corn/title 3. link rel=“stylesheet” type=“text/css” media=“screen” hre f=“path/to/file.css” / 4. link rel=“stylesheet” type=“text/css” media=“screen” hre f=“path/to/an