凉风集 » xhtml

在XHTML 1.0 Strict下调用js新开窗口的方法

李方进 — Mon, 04 Dec 2006 03:39:04 +0000

xhtml+css设计的网页，如果在超连接中使用了target=_blank是不能通过w3c校验的。因此，采用调用js的方法新开窗口是比较合理的。

js代码：

function externalLinks(){
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName(“a”);
for (var i=0; i var anchor = anchors[i];
if (anchor.getAttribute(“href”) &&
anchor.getAttribute(“rel”) == “external”)
anchor.target = “_blank”;
}
}
window.onload = externalLinks;
网页中超连接调用的方式：连接

在项目中实战xhtml+css

李方进 — Fri, 24 Nov 2006 21:04:42 +0000

最近为了一个项目一直在北京出差，比较有成就感的是终于说服我们的首席项目网页设计师开始采用xhtml+css进行页面设计，经过这个项目的验证，他对xhtml+css的好处得到了深刻的体会，在接下来的一个大项目里，我鼓励他继续采用xhtml+css进行页面设计。能符合规范和标准，总是一件好事。

XHTML+CSS兼容性解决方案小集

李方进 — Tue, 11 Apr 2006 23:45:23 +0000

使用XHTML＋CSS构架好处不少，但也确实存在一些问题，不论是因为使用不熟练还是思路不清晰，我就先把一些我遇到的问题写在下面，省的大家四处找。

1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法：

div{margin:30px!important;margin:28px;}

注意这两个margin的顺序一定不能写反，据阿捷的说法!important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样：

div{maring:30px;margin:28px}

重复定义的话按照最后一个来执行，所以不可以只写margin:XXpx!important;

2.IE5和IE6的BOX解释不一致IE5下div{width:300px;margin:0 10px 0 10px;}div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px，而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改：

div{width:300px!important;width /**/:340px;margin:0 10px 0 10px}

关于这个/**/是什么我也不太明白，只知道IE5和firefox都支持但IE6不支持，如果有人理解的话，请告诉我一声，谢了！：）

3.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义：

ul{margin:0;padding:0;}

就能解决大部分问题。

4.关于脚本，在xhtml1.1中不支持language属性，只需要把代码改为：

就可以了。

5.如果你在BOX容器里使float和text-align的方向设为一致：

{float:left;text-align:left;margin:0 0 0 200px;}

我们可做如下修改：

{float:left;text-align:left;margin:0 0 0 200px;display:inline;}
—–

xhtml的结构标签

李方进 — Sun, 01 Jan 2006 01:50:43 +0000

原则上一个xhtml文档所有的标签都应该是结构标签,需要表现的地方都使用css来控制。

来列一个完整xhtml的结构标签：

结构
body, head, html, title

文本
abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var

链接
a

列表
dl, dt, dd, ol, ul, li

表单
form, input, label, select, option, textarea

表格
caption, table, td, th, tr

图片
img

对象
object, param

meta
meta

外部调用
link

基本
base

用于指定要定义的术语

用于对术语的定义
如：

HTML: 超文本标记语言
TCP/IP: 传输控制协议/Internet协议
魔兽世界: 一款暴雪出品的网络游戏

—–

Which XHTML Is Right for You?

李方进 — Tue, 20 Dec 2005 23:46:57 +0000

办公室里真热，大楼的中央空调过于强劲，呆上几个小时，就觉得昏昏沉沉的。

这几天抽空在研究xhtml+css的web设计，发现了一个不错的工具——topstyle pro ver3.11。工欲善其事，必先利其器，好的工具是有了，但是还缺几本xhtml+css的书。