XHTML：列表的嵌套写法

P.S. 求助：谁知道Wordpress插件 WP-CODEBOX 如何使用能正确地将XHTML代码进行格式化（缩进+高亮）？我正在使用这个插件，因为它支持ActionScript 3所以不舍得换。

微软的IE浏览器对XHTML和CSS标准的支持一直不好，这似乎已经成为了众所周知的事实。前天发布了软件测试工程师考试的大纲，却发现出了一点点小问题。我将考纲具体要求的部分放置在一个多层嵌套的无序列表之中，可是在IE7中查看却发现，列表中莫名其妙地多出了一些空行，就像下面的例子那样，但是在Opera中就没有这个问题。

• 软件测试的基本概念
• • 软件质量的概念。
  • 软件测试的目标和原则。
  • 软件测试的心理学。
  • 软件测试的经济学。
  • 软件质量保证。
• 软件测试的类型及其在软件开发过程中的地位
• • 软件开发阶段。
  • 规划阶段的测试。
  • 设计阶段的测试。
  • 编码阶段的测试。
  • 验收和维护阶段的测试。

看着相当不舒服，是吧～看着不舒服，就要修正这个问题。记得以前看到过IE在解析渲染列表元素的时候有BUG，所以我就跑到Google好一番搜索，搜到了很多结果，却发现那个Bug是IE6的，线索一下子就断了。无奈之下，我只好直接搜索介绍”列表元素”的教程，无意中找到了一个网站给出的嵌套列表示例，在IE中可以完美地显示，一看代码，恍然大悟，请看下面的代码对比：

一、

<ul>
  <li>软件测试的基本概念</li>
    <li style="LIST-STYLE-TYPE: none">
    <ul>
      <li>软件质量的概念。</li>
      <li>软件测试的目标和原则。</li>
      <li>软件测试的心理学。</li>
      <li>软件测试的经济学。</li>
      <li>软件质量保证。</li>
    </ul>
  </li>
  <li>软件测试的类型及其在软件开发过程中的地位</li>
    <li style="LIST-STYLE-TYPE: none">
    <ul>
      <li>软件开发阶段。</li>
      <li>规划阶段的测试。</li>
      <li>设计阶段的测试。</li>
      <li>编码阶段的测试。</li>
      <li>验收和维护阶段的测试。</li>
    </ul>
  </li>
</ul>

二、

<ul>
  <li>软件测试的基本概念
    <ul>
      <li>软件质量的概念。</li>
      <li>软件测试的目标和原则。</li>
      <li>软件测试的心理学。</li>
      <li>软件测试的经济学。</li>
      <li>软件质量保证。</li>
    </ul>
  </li>
  <li>软件测试的类型及其在软件开发过程中的地位
    <ul>
      <li>软件开发阶段。</li>
      <li>规划阶段的测试。</li>
      <li>设计阶段的测试。</li>
      <li>编码阶段的测试。</li>
      <li>验收和维护阶段的测试。</li>
    </ul>
  </li>
</ul>

我为什么会写出前面的代码？好吧，事情是这样的。虽然我的博客一直都不能用离线发布工具发表文章（会被吞掉XHTML标签中的尖括号），但是离线发布工具的编辑器还是可以借用的。其实在发布日志之前，我正是借用了Zoundry
Raven的编辑器，预先编辑好了这个无序列表，然后才把ZR生成的代码复制粘贴到了Wordpress的编辑框里。结果我就遇到了这个奇怪的问题。

[好书]读起来不会困的技术书

××第一次写推荐书的文章，写的不好请大家包涵××

书名：《Head First HTML and CSS, XHTML》
作者：Elisabeth Freeman & Eric Freeman
出版：O’REILLY / 中国电力出版社
ISBN 978-7-5083-5646-4

其实我从小就开始做网页了。1999年夏天买了新电脑换掉家里的386，2000年第一次把个人主页发布到一个免费空间，后来相继做过一些小网站，但大多半途而废（除了抱着某种功利目的拿去参赛的之外）。和大多数人一样，我接触的第一个网页制作工具是Frontpage，采取的布局方式是表格布局（谢天谢地，我从没用过“层”来布局），在对HTML完全不了解的情况下就搞出一堆互相链接者的页面。后来，不知什么时候，W3C开始推行Web标准取代微软标准，所谓DIV+CSS布局的概念开始流行，虽然我对此很支持，但是却一直没有学习——即使是在2007年帮别人做网页时，我仍然采用了表格布局。

我无数次从图书馆借来关于CSS的书，又无数次地在借期将至时发现自己只读了第一章（一般来说，第一章都是序言之类的）。我痛苦地发现，现在的我一读语言书就困，不论是CSS，还是其他什么语言的。虽然我仍坚持去借书回来读，但直到2008年末我第一次进行CSS实战的时候，我都没有读过任何一本CSS书的第三章。尽管它们无不渗透着大师级作者们的智慧，但显然这种智慧不是我所能理解的。这些书无一例外地充斥着大段的代码和大段的描述，很少有示意图和截图，这让人如何有兴趣读下去呢？

幸好，有两位自由的人（Freeman），带来了一本名叫《Head First HTML and CSS, XHTML》的书。

《Head First HTML and CSS, XHTML》是我发现的第一本不会让我犯困的书，我发誓我所说的是真的：那天傍晚我从图书馆借回这本书后，几乎是一口气将其读了一半，然后第二天早上起来又把另一半读完。我第一次津津有味地学习标准的HTML，XHTML和CSS，第一次如此地有兴趣知道下一页讲的是什么，第一次从一本CSS书的前言一直读到了附录，第一次完全没有犯困。我是如此地喜欢她，所以我向你推荐这本书。

《Head First HTML and CSS, XHTML》是一本关于Web标准的技术书，却又不仅仅是一本技术书。她带来的，更多的是一种互动的学习体验：玩游戏，解决谜题，探索秘密，以从未想象过的方式创建Web页。为了达到这一点，本书的作者（不愧是在迪士尼工作过的人啊！）在书中采用了大量新奇的方式：

　采用了比较大的字号，比较大的行距，这样眼睛就不易疲劳；
　以图片为主，这样读者就能记得更清楚，而且图片更容易让读者看懂，读者的学习效率会大大提高；
　把文字放在与之相关的图片周围或内部，读者的学习效率因此再次得到提高；
　采用针对个人的交谈式风格，通俗的、幽默的、讲故事般的语言，摒弃干巴巴地说教，读者自然会喜欢；
　采用大量拟人手法，与上条结合，使读者的阅读过程犹如与人打交道，而不是处理什么“东西”；
　通过挑战、谜题、实践活动，引起读者的好奇，使读者有兴趣读下去，并且更多地思考；
　不断地用一些“意料之外”的东西吸引读者的注意力，并使读者保持注意力，这样读者就很难犯困；
　影响读者的情绪，使其在惊讶、好奇、甚至自豪的情绪下阅读

总之，通过神经生物学、认识心理学以及学习理论的最新研究成果的应用，来调动读者的大脑，使其思维活跃，在一种兴奋的心情下完成阅读和学习。结果就是，读者（比如我）快乐地读完整本书，而且真的学到了很多东西。

当然，一本书不可能是完美的。《Head First HTML and CSS, XHTML》是一本入门书，还采用了如此轻松的风格，因此你别指望在里面看到一大堆关于针对IE的CSS Hack，或者别的什么进阶技巧，所以高手可能对其不屑一顾。但是如果你什么都不知道，想要开始学习Web标准网页设计，学习XHTML和CSS，《Head First HTML and CSS, XHTML》绝对值得作为你所读的第一本书。

附赠：原书总结的——谁适合读这本书？

如果你对以下问题都能回答“是”
1、你是否通过Web浏览器和文本编辑器访问计算机？（原文如此，我觉得这翻译……）
2、你想学习，理解并记住如何使用最好的技术和最新的标准制作网页吗？
3、你是不是更喜欢一种轻松氛围，就像在餐桌交谈一样，而不是被动地听技术报告似的枯燥无味的说教？
那么，这本书正是你需要的。