利用CSS,不通过replace替换标引HTML标记

css|html标记

其实css也是将HTML从数据和表现分离的有力工具。石头的CSS Oriented Design:COD非常合我的口味,摒弃TOD(Table Oriented Design)还真不是意见容易的事情,但是一旦实现,系统本身就实现了分工和协作:就能像Winamp一样换皮肤了,从而发挥用户最大的能动性。最直接的例子就是本网站使用的MT系统,所有的STYLE都来自MovableStyle,。

需求:将XML结果集中的<b>显示成红色,其实完全可以通过客户端的CSS实现:
代码如下:

首先

<blockquote>

利用CSS,不通过replace替换<b>标引</b>HTML标记

</blockquote>

利用CSS,不通过replace替换<b>标引</b>HTML标记

这样:
在CSS中定义了:b {color:red;}

后,所有的<b>除了加粗外,还有红色的属性,为了防止整个页面中的其他<b>都被标红,我将结果都放在一个<
blockquote>

中,然后再在CSS中定义:

<style><!--

blockquote b {color:red;}

//-->

</style>

由于CSS的继承关系,只有所有在blockquote中的<b>才会被标红:

通过设置 font-weight:normal 甚至可以让<b>字体变细。

通过这个问题:得出一下2个结论
1 设计带有标引的对外搜索服务时,可以使用<b>做为标记
2 在客户端,可以通过CSS来实现控制。

关于:CSS, Accesibility and Standards Links

后记:
也曾经一段时间非常追求XML/XSLT/CSS的数据/结构/表现分离的理念。但是XSLT实施成本的确比较高,所以Resin上开发了基于XHTML的轻量级模板技术,我觉得还挺人性的 ASP .net的实现也是类似。

可能没有最好的模式,只有最合适的模式:关键还是要看开发本身的复杂程度
数百行代码过程性编程效率可能最高;
千行代码量可能面向函数开发效率最高;
万行代码量时,可能就不得不OO了;

时间: 2024-11-10 01:10:28

利用CSS,不通过replace替换标引HTML标记的相关文章

网站重构:利用CSS改善网站可访问性

css|访问|网站重构   最近,我不得不对我的一个客户的旧网站进行更新,使得它能够达到可访问性的标准.对三四年前的旧代码进行挖掘的想法根本没有吸引力,主要是因为我曾经使用的很多编程惯例已经不再适用,特别是从可访问性上来讲.我曾经使用绝对的字体大小,固定的页面宽度和表格来做版面设计和空间分配.   像那时建构的很多网站一样,我的客户的网站使用了Cascading Style Sheets (CSS)来格式化文本.它没有使用任何CSS的更加强有力的版面设计功能,也没有允许HTML设备独立,而这是C

改善网站可访问性,通过修改及利用CSS实现

css|访问 一个客户的旧网站需要更新,使得它能够达到可访问性的标准.对三四年前的旧代码进行挖掘的想法根本没有吸引力,主要是因为我曾经使用的很多编程惯例已经不再适用,特别是从可访问性上来讲.我曾经使用绝对的字体大小,固定的页面宽度和表格来做版面设计和空间分配.   像那时建构的很多网站一样,我的客户的网站使用了Cascading Style Sheets (CSS)来格式化文本.它没有使用任何CSS的更加强有力的版面设计功能,也没有允许HTML设备独立,而这是CSS可访问性的主要优点之一. 问题

利用CSS的Clip属性来创造多彩文字

css 原理 将二个相同而色彩不同的文字重合在一起,通过分别给其加 clip 属性,使上面和下面的文字被剪切位置不同,从而产生二种不同的色彩. clip : 摘自苏沈小雨CSS手册 clip : auto | rect ( number number number number ) 参数: auto : 对象无剪切rect ( number number number number ) : 依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值,其中任一数值都可用auto替换

利用CSS改善网站可访问性

css|访问  利用CSS改善网站可访问性    作者: BUILDER.COM来源: www.BUILDER.COM类型: 翻译     最近,我不得不对我的一个客户的旧网站进行更新,使得它能够达到可访问性的标准.对三四年前的旧代码进行挖掘的想法根本没有吸引力,主要是因为我曾经使用的很多编程惯例已经不再适用,特别是从可访问性上来讲.我曾经使用绝对的字体大小,固定的页面宽度和表格来做版面设计和空间分配.     像那时建构的很多网站一样,我的客户的网站使用了Cascading Style She

利用CSS改善网站可访问性(2005-02-21 10:13:09)

css|访问 最近,我不得不对我的一个客户的旧网站进行更新,使得它能够达到可访问性的标准.对三四年前的旧代码进行挖掘的想法根本没有吸引力,主要是因为我曾经使用的很多编程惯例已经不再适用,特别是从可访问性上来讲.我曾经使用绝对的字体大小,固定的页面宽度和表格来做版面设计和空间分配. 像那时建构的很多网站一样,我的客户的网站使用了Cascading Style Sheets (CSS)来格式化文本.它没有使用任何CSS的更加强有力的版面设计功能,也没有允许HTML设备独立,而这是CSS可访问性的主要

js正则表达式replace替换变量方法_javascript技巧

JavaScript正则实战(会根据最近写的不断更新) 1.javascript 正则对象替换创建 和用法: /pattern/flags 先简单案例学习认识下replace能干什么 正则表达式构造函数: new RegExp("pattern"[,"flags"]); 正则表达式替换变量函数:stringObj.replace(RegExp,replace Text); 参数说明: pattern -- 一个正则表达式文本 flags -- 如果存在,将是以下值:

javascript正则表达式使用replace()替换手机号的方法_javascript技巧

本文实例讲述了javascript正则表达式使用replace()替换手机号的方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <html> <head> <title>javascript正则表达式使用replace()替换手机号</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" />

javascript replace替换中文出错解决方法

我们用正常的replace替换中文是替换不了,下面我们利用new regexp来实现中文替换. <script> function   replaceexp() {       var   stringname   =   "数据 ";       var   stringvalue   = "va ";       var   expressionvalue   =   "数据+数据-数据 ";     expressionvalu

翻译:一个鲜为人知利用CSS计数器取代一些脚本的方式

中介交易 SEO诊断 淘宝客 云主机 技术大厅 自从埃里克罗迈耶突出的CSS是如何能够在他的CSS / EDGE的收集 ,我们一直在寻找各种方法来代替效果,唯一可能曾经使用JavaScript与CSS的基础现金等价物.替换可执行脚本,样式表往往与提高业绩和成果在一个更容易页.最早的例子,这是埃里克纯粹的CSS弹出 ,影响他简述文字出现和消失无JavaScript来驱动它 . 作为实现的CSS进步和提高,越来越多的是有可能纯粹和使用样式表,而不需要额外的脚本无论是网站的前端或后端,减少了可执行代码