视频浅谈CSS和XHTML及Web标准【下】
WEB标准的其中一个要求是低配置的兼容性:当用户禁用图片、禁用CSS或禁用JS的时候,我们仍能够让他有效的浏览网页内容。众所周知强制ALT属性就是为禁用图片时的兼容性作考虑。而正确的遵循HTML标签的语义,则是保证禁用CSS时的兼容性。
WEB标准的其中一个要求是低配置的兼容性:当用户禁用图片、禁用CSS或禁用JS的时候,我们仍能够让他有效的浏览网页内容。众所周知强制ALT属性就是为禁用图片时的兼容性作考虑。而正确的遵循HTML标签的语义,则是保证禁用CSS时的兼容性。
采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下4个显著优势:1表现和内容相分离,2提高搜索引擎对网页的索引效率,3提高页面浏览速度,4易于维护和改版。
XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。 目前推荐遵循的是W3C于2000年1月26日推荐XML1.0 。 XML虽然数据转换能力强大,完全可以替代HTML,但面对 成千上万已有的站点,直接采用XML还为时过早。
一张网页优秀与否,差别往往就体现在这些细节上,吸引浏览者最重要的因素固然是页面中内容的质量,但视觉上的舒适度也有着其影响力,如果能从用户体验的角度出发去对细节进行一些完善和优化。
在未设定任何CSS的情况下DIV容器在浏览器中是没有任何外观视觉上的呈现的,所以为了更直观的进行布局规划,我们可以先为这些容器添加一些属性,来辅助我们观察它们在浏览器中的尺寸、位置等信息,以便我们进行深入的调整。
CSS网页布局中,除了新闻列表、链接运用UL、LI制作以外,我们通常将菜单也用UL、LI来实现。我们下面用CSS来改变它的外观,使它能横向在一行中显示,并且将项目符号去掉。
尽量运用上下文相关或者有递归下降结构的选择符。这可以使得你的标记更清晰。例如:#subnav li {border: 1px solid black; padding: .5em; display: inline} 将能够只能影响你的子导航栏的 div 中的列表项。
使用CSS进行网页布局的基本思想就是:结构化标记,所写即所想,所想即所写。即便书写 CSS 很简单,使用 CSS 来排版却真的需要一种和我们以往有些不同的思维方式。