(X)HTML中最多余的元素标签
作者:dudo 来源:dudo blog 时间:2008-06-15 15:48:00
你知道(X)HTML中最多余的标签中是什么吗?在我看来就是这个<a>标签,不错,就是每个网站使用最多的超级链接标签<a>。也许有些人会认为我在哗众取宠,说大话。的确,没有超级链接的网页仅仅是一个“文件”而已,没有超级链接也就没有Internet(万维网)。但是,我这里说的<a>标签(元素)而不是超级链接。或者换个简单的说法,我认为超级链接使用<a>标签的设计很不合理。
为什么这么说呢?先看看<a>标签的使用方法:
1. 为文本增加超级链接:
<a href="http://www.dudo.org">dudo博客</a>
2. 为一个图片增加超级链接:
<a href="https://www.aspxhome.com/"><img src="..." alt="asp之家" /></a>
3. 为一个列表中的内容增加一个超级链接:
<ul>
<li><a href=http://www.aspxhome.com">Aspxhome.com</a></li>
</ul>
4. 还有其它更加复杂的情况:
<li><a href="http://www.dudo.org/"><span>dudo博客</span></a></li>
等等。
我们观察一下,一面的几种情况,在(X)HTML中增加超级链接的办法就是在元素的外围加上<a>标签即可,而且<a>这个元素也没有其它额外功能,而且<a>标签在页面中出现的频率十分这高,它每出现一次就增加一个DOM层深。应对这种出现频率最高、功能却很单一的情况,一种很好的解决办法就是:把超级链接作为元素的属性。例如,使每一个元素都有一个可选的href 属性用于指向超级链接方向。那么上面的几种情况可以简单地写为:
1. 为文本增加超级链接:
<span href="http://www.aspxhome.com">asp之家</span>
2. 为一个图片增加超级链接:
<img src="..." alt="dudo博客" href="http://www.dudo.org/" />
3. 为一个列表中的内容增加一个超级链接:
<ul>
<li href=https://www.aspxhome.com/">Aspxhome.com</li>
</ul>
4. 还有其它更加复杂的情况:
<li href="http://www.dudo.org/"><span>dudo博客</span></li>
可以看出,现有的元素完全可以胜任没有<a>的(X)HTML。这种改进有意义吗?有。因为<a>出现的概率实在是太高了,这么一个小小的改动,对你整个网站的性能应该有不小地提高。而类似onclick等鼠标事件,其它元素也是具有的,因此,目前看来仅仅实现超级链接功能似乎没有必要单独一个标签来完成,感觉这像是HTML中<font>的作用了。
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
如何让Firefox2和Firefox3在Windows下共存并同时运行?
![](https://img.aspxhome.com/file/UploadPic/20086/1/200861155756587s.png)
Refactoring HTML 书评
教你怎样打造SQL Server2000的安全策略
php获取文件扩展名的3种方法实例
Bad Tags — html有害的标签
艺术和设计之间的差别
![](https://img.aspxhome.com/file/UploadPic/201011/17/01-13s.jpg)
windows系统下让mysql支持federated的storage engine
实例演练ASP+XML编程
prototype.js1.4版开发者手册
![](https://img.aspxhome.com/file/UploadPic/up/2007093019082399.jpg)
通过T_sql语句向其中一次填入一条数据或一次填入多条数据的方式填充数据
MySQL的6种日志详解
悟道WEB标准:统一思想,遵循标准
SQL Server中通过扩展存储过程实现数据库的远程备份与恢复
WEB页面工具语言XML产生背景
SQL语句练习实例之七 剔除不需要的记录行
asp详解session的用法
MySQL 定时器EVENT学习
[翻译]寻找圣杯 In Search of the Holy Grail
![](https://img.aspxhome.com/file/UploadPic/up/2008111213334212.gif)
什么是SVG(可升级矢量图形)
用Dreamweaver实现飘浮光球特效
![](https://img.aspxhome.com/file/UploadPic/20072/200723113720922s.jpg)