汉字截取的方法

转载时请标明文章原始出处和作者信息, 作者: lostsnow.
http://www.lsproc.com/blog/intercept-chinese-char/

原来有人提出了一个方法:

$len = 19;
$text = "here is the text!";
echo strlen($text)< =$len ? $text : (substr($text,0,$len).chr(0)."....");

在 SaBlog 的程序里发现了另一种方法:

function csubstr ($text, $limit) {
    $s = ';
    for($i=0;$i< $limit-3;$i++) {
        $s .= ord($text[$i])>127 ? $text[$i].$text[++$i] : $text[$i];
    }
    return $s;
}

以上仅适用于 gb2312 编码,如果是UTF-8 的话需要把第4行改为

$s .= ord($text[$i])>127 ? $text[$i].$text[++$i].$text[++$i] : $text[$i];

UTF-8 中的汉字是 3 个字节。

-- EOF --

使用DIV之后,什么时候使用TABLE?

转载时请标明文章原始出处和作者信息, 作者: lostsnow.
http://www.lsproc.com/blog/div-and-table-tags/

关于表格

使用WEB标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐,之所以在很多关于CSS布局的文章中常提到”为什么使用表格排版是不明智的”这句话,可能是大家对他的理解有误,这里注意一点”使用表格排版”是”不明智”的.指的是我们使用了很多年的,用表格来排版是不明智的,表格归根截底是一种显示”数据”的方式,大家可以想象一下EXCEL,表格就是起这个使用的,有的时候信息使用表格显示让我们能清晰易读,所以才使用表格,比如公司员工联系表,产品与型号对应表等.

那么所谓表格大餐呢,其实意见上升到了一个层次,也就是说你如果能像专业市场分析公司那样,灵活使用表格来显示客户数据和调查数据等消息的时候,那才是真正利用了表格的优势.

所以,关于那句使用以久的话,应该改为”使用表格作为网页排版,布局页面元素是不合理的,表格是用来显示数据的”.

关于其它元素

我这里按我的使用经验,把XHTML标准中的一些元素,分为三大类:

第一类是我称之为辅助布局设计元素:这里我指的是DIV,SPAN等,这类元素的主要功能是用来布局整个页面的,灵活使用这些元素的各种属性,可以让你的页面表现丰富多彩.

第二类我称为结构化元素或叫信息元素:这里指的是TABLE,UL,PRE,CODE类元素是一种信息显示与整理方式,比如TABLE很明显就是用来显示表格信息的,UL是用来显示列化信息的,当需要用表格或列表的时候,用这二种方式来显示是明智的

第三类指的是A,meta这样的,完全是为了实现一些功能,如填上关键字的META keyword,还有做链接的A.

那么正确的符合标准的设计思路是:
使用DIV等布局元素来制作页面的设计布局,定位,色块,图片等
使用TABLE,UL等这样的元素来显示页面中需要展示数据
当然,DIV也起整理数据的作用,使用DIV的ID属性可以很方便的将一个DIV作为一个你名命的数据块

所以使用WEB标准来制作网站,实际是一个信息合理化整合的一个过程,什么地方该用什么元素还是照用不误,别把表格当布局工具就行.

-- EOF --

Web设计札记

转载时请标明文章原始出处和作者信息, 作者: lostsnow.
http://www.lsproc.com/blog/web-design-tips/

IE中处理空白字符的问题

按通常的理解,HTML文档中的空白字符如空格、回车、制表符等都应当被忽略,但IE处理这些字符时有可能会出现一些问题,尤其是和<img>标签相关的时候。

比如下面一段代码:

<div>
<img src="banner.png" />
</div>

在IE中的图片下方多出了不应有的空白,原因是<img>和<div>之间的回车被IE理解为空格,并在页面上显示出来。解决方法很简单:

<div><img src="banner.png" /></div>

现在就正常了。

在Firefox中不存在上述问题。

Continue reading

-- EOF --