网络编程
位置:首页>> 网络编程>> 网页设计>> (X)HTML中最多余的元素标签

(X)HTML中最多余的元素标签

作者:dudo 来源:dudo blog 发布时间:2008-06-15 15:48:00 

标签:元素,超级链接,链接,html,标签

你知道(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>的作用了。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com