日期:2013-09-25  浏览次数:21208 次

了解结构化CSS设计内容,首先看下面两个例子:

<div id="nav">
 <ul>
  <li></li>
  <li></li>
  ......
 </ul>
</div>

很多人,包括许多业界大牛,都建议你这样写即可:

<ul id="nav">
 <li></li>
 <li></li>
 ......
</ul>

  当然,我团体很欣赏第二种写法,没错,简约明了,语义(semantic)确凿。但请等一等,如果需求款式化(stylish)它,哪一种可以提供更多的控制(controll)? 很明显,第一种。

  然后,这个问题就有点让人抓狂了。一句话:你是结构(markup)优先呢,还是表现(presentation)优先?我置信,在如今这个不美好的时代,表现优先是第一准绳。很多有理想的人,包括我,最后为了实现表现上的需求,标签汤(tag soup)实际上难以避免。

  所以,这只能是个度的问题。别滥用。怎样不算滥用,也没有什么准绳。我团体的准绳是:如果要实现一个表现上的需求,你使用超过三层的外围标签(wrappers?),就应该停下来细心想想了。虽然有点老,但我还是建议你看一看SimpleQuiz上面一些风趣的讨论。

  为什么会这样?由于一切都不完满。试想一下,如果CSS能够提供更多的规则来控制页面上的元素,或许就不会这么尴尬。比方说,background-image支持trlb(上右下左)四个方向不同的图片的话,我们就不必为处理圆角而绞尽脑汁;支持从页面上产生元素,如content的话,那么也可以大大减少tag的使用……

  XHTML?笑话。实际上目前为止没有多少人在用XHTML,一切都是掩耳盗铃。XHTML is Dead! XHTML是xml,具有xml的一切优越性,但是,我们如今看到的,都是text。如果把text当作xml来处理,这是无害的(Sending XHTML as text/html Considered Harmful)。

  虽然我们在Doctype上都标明了我们用的是XHTML,但是实际上我们都在用HTML。这是理想。要不那些错误百出的非良构的页面怎样可能在宽容的当代浏览器中显示呢……也难怪,XHTML 1只是HTML 4的改良而已。但是,未来的XHTML 2并不向后兼容,我不知道我们使用XHTML 1的必要性何在。另外,别拿accessibility来反驳我,分离结构与表现的HTML 4并没有跟XHTML 1有任何区别。

  因此,可能,使用XHTML 1的意义在于,声称我们曾经有了这样的思想,并且为未来的XHTML 2做好了预备。

  这也是我为什么,强烈建议使用HTML 4.01 Strict Doctype的缘由。从公司/企业来说,要求整个团队都具有web standards的思想,并贯彻相关准绳并非易事,各种上个世纪遗留的思想仍然负隅顽抗。如果真的使用XHTML 1,很多只能兼容html的JavaScript脚本会失效,编辑某个不经意的未本义的字符会导致整个页面出错(xml parsing error),等等。为了避免问题,或许,HTML 4.01 Strict Doctype是如今的最佳选择。