专注优质Wordpress企业网站搭建与优化

《CSS Zen Garden – CSS禅意花园》中文版学习笔记(22)

若曾编写过在未来相当长的一段时间内都要保持不变的文档,你就会发现在编写的过程中必须处处小心,让文档尽可能地完美。
以出版行业为例,为了保证语言流畅简洁和内容的正确性,这本书曾被很多人修改编辑过。原因很明显:与网页在浏览器缓存中存在的时间相比,书籍在书架中停留的时间要长得多。所有这些预先的检查工作都是为了确保书籍在出版时的正确性(但愿出版后好运相伴)。
但是在同样的问题上,Web却没有此类的限制。每次用户来访.Web站点都从服务器将内容发送给访客。这样就意味着,即使在网站发布之后,你仍旧可以修改页面的内容或重新设计页面的样式,每个再次访问的用户都能够立即看到这些变化,而并不需要像图书这样,只有重印或再版的时候才有机会修改。自然,网站的不断改进会让人非常高兴,但这也会让那些签了固定合同的设计师感到些许郁闷。

Continue Reading →

《CSS Zen Garden – CSS禅意花园》中文版学习笔记(21)

前面两个提示所隐藏的含义就是,HTML标签使用得越少越好——事实上也确实如此。若想创建出良好的文档结构,那么尽可能少地使用标签则应该是一个自始至终都要考虑的问题。仅仅使用必要的标签,将其他不必要的都删掉。这样做的好处不仅在于能够让文件保持小巧(也就意味着用户下载速度的提高).也可以让浏览器能够很快完成文档的解析,即得
到更快地呈现速度。示例:
<p>The Zen Garden aims to excite,  inspire,  and encourageparticipation.</p>
而不要这样:
<div>
<p><span class=¨text¨>The Zen Garden aims  to excite,
inspire, and encourage participation.</span></p>
</div>
适当地使用class和id
为元素添加起标示作用的属性可以让你在稍后容易地将该元素与CSS或JavaScript关联起来。 class是一类可重用的属性,能够被重复应用到到页面中的任何元素上;而id则是独一无二的,同一个id在每个页面上只能出现一次。
一个元素可以应用多个class,一个class也可以应用在多个页面元素上。我们也可以为同一个元素同时应用class和id,但要记住:在同一个页面上不能为多个元素指定相同的id。class和id可以选用字母或数字(a~z、A—Z、0—9)命名1,但必须以字母开头。虽然有些浏览器对class和id名称的大小写不敏感,但为了今后便于调试,还是小心为妙。三个合法的标识符:
<bodyMsoNormal”>    <p id=’‘introduction’’>
<div id=¨section5’’  class=’’top corner solid¨>
两个不合法的标识符:
<span>
<div id= ” footer “><div id= “footer”>

Continue Reading →

《CSS Zen Garden – CSS禅意花园》中文版学习笔记(20)

我们在前面已经分析了这个问题,但还是有必要在这里重复一遍:根据文档内容的结构而选择HTML元素,而不是根据HTML元素的样式。例如,用p元素包含文字段落,而不是为了换行;用blockquote包含被引用的文字——而不是为了得到缩进等。
当然,并不是所有的HTML元素都可以在XHTML l.0 Strict标准中使用的。事实上,虽然XHTML l.0 Strict标准(以及XHTML l.1标准)中可使用的HTML元素较少,但这些元素却有着更加明确的意义。若你在创建文档时找不到合适的、可以恰当描述其结构的标签,那么可以考虑使用通用的div或span元素。当然,这也是一个警告……接下来将会介绍。示例:
<h3>The Road to Enlightenment</h3>
而不要使用这样的HTML:
<code    style=¨font-size: 1.5em;¨>The Road to Enlightenment</code>
避免过度使用div和span
设计HTML时一个常见的错误就是过度使用div和spano少量、必要的合理使用可以明显地增强文档的结构性。但若是文档中使用了太多的div和span,那么你就应该考虑一下是不是还有更加合适的HTML元素供选择了。
例如,若是h3更能表示内容的含义,那么就不应该使用div.span也不应该替代label的作用。但这并不意味着div和span应避免使用。文档中合适位置的少量div元素可以使文档更易于应用样式,且在逻辑段落上也显得更加清晰。我们可以将div看作一个可以被重用的容器:将内容深深隐藏于太多的容器中并不是一个好主意,但是几个合理位置中的div却可以让文档显得井井有条。示例:
<divMsoNormal”>    <hl>CSS Zen Garden</hl>
<h2>The  Beauty  of  <acronym  title=¨Cascading  Style
Sheets”> CSS</acronym> Design</h2>
</div>
Note:在W3Schools的”XHTML l.0 Reference”( httP://w3schools.com/xhtmiixhtml_reference.asp)中可以找到xHTML1.0中允许使用的所有HTML元素。

Continue Reading →

《CSS Zen Garden – CSS禅意花园》中文版学习笔记(19)

指定语言和字符集
与声明DOCTYPE同样重要的是将HTML文档指定为某一种人类的语言。如果你曾偶然闯入某个看似乱码的网页,而实际上其文字却是日语、希腊语、斯瓦希里语或者其他什么语言,你就会知道页面编写者忘记设置页面编码所造成的后果了。因为Google和其他搜索引擎会根据搜索请求的语言来过滤搜索结果,所以如果你不想放弃搜索引擎带来的流量的话,那么正确地设置页面的编码将显得极为重要。本章稍后将详细介绍字符编码的相关内容。

Continue Reading →

《CSS Zen Garden – CSS禅意花园》中文版学习笔记(18)

每个页面部在结构上有自己不同的需求,所以对于创建HTML来说,很难找到一个完美的一揽子解决方案。但我们却能够总结出一些通用的指导方针,将这些要点烂熟于胸,一定会对编写HTML大有裨益。
选择DOCTY PE
在HTML的最开始部分声明DOCTYPE(Document Type(文档类型)的简写)可以让浏览器或其他用户代理知道你要使用的HTML语言的类型。无论你打算选择何种类型的HTML语言,DOCTYPE都是一个健壮的文档所必需的,也是你在编写HTML时要做的第一件事情。

Continue Reading →
Page 1 of 5312345...102030...»