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

heveroncrespo2

heveroncrespo2

2016-01-29 12:01

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

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

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

首先

<blockquote

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

</blockquote

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

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

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

中,然后再在CSS中定义:

<style<!--

blockquote b {color:red;}

//--

</style

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/html/)

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

关于:CSS, Accesibility and Standards Links

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/html/)

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

 
展开更多 50%)
分享

猜你喜欢

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

Web开发
利用CSS不通过replace替换标引HTML标记

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

Html CSS布局 Div+CSS XHTML
利用CSS 不通过replace替换标引HTML标记

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

不通过dsn访问sql server

SQLServer
不通过dsn访问sql server

闪电白领借款申请不通过怎么办

手机软件 应用软件
闪电白领借款申请不通过怎么办

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

win10 intel驱动不通过解决办法

电脑入门
win10 intel驱动不通过解决办法

自动识别HTML的标记 替换连接

Web开发
自动识别HTML的标记 替换连接

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

在等轴测面中绘制简单图形

在等轴测面中绘制简单图形

精通 CSS 滤镜(五)

精通 CSS 滤镜(五)
下拉加载更多内容 ↓