Welcome, Old Sport!

关于HTML标签base

by ilikecss ON 2017/04/27 734

关于HTML标签base今天来介绍一下HTML标签,出镜率非常少,不太有人会用到此标签。对于一些小网站,目录结构层次不复杂的使用这个没有必要。不然则可以帮助您的网站瘦身。如果您针对性能进行优化,标签可以帮助您。

标签的好处

  • 页面瘦身
  • 节省带宽
  • 较短的网址
  • 重定向所有相对URL

上面也说了,使用的人很少,虽然有点很多。可能这个标签存在一些不人未知的缺点,我个人猜想是SEO和浏览器兼容性问题。

使用方法

比如我们图片路径/img/xxx.jpg,如下:

<img src="img/example-1.jpg" alt="">

如果我们在之间使用标签:

<base href="img/" target="_blank">

我们在body里面所有图片路径都可以写成:

<img src="example-1.jpg" alt="">

看出来了吗?把所有路径都省略了,如果网页里图片很多,这样可以节省非常多的代码。此外我还加了超链接方法target,这样所有链接都会以target=”_blank”形式出现。

标签我们可以实现很多批量替换功能,包括超连接重定向。

手拎机枪

9条评论
  1. #1

    春熙路说道:

    :grin: 看看不说话

  2. #2

    增达网说道:

    受教了!呵呵!

  3. #3

    朴人博客说道:

    看看不说话,这样你的url相对路径不是出错了么?

    • kim说道:

      我这是demo里使用的,具体看你自己的情况了。

      • 单一地方确实没问题,不过一般是用于a链接的url的,如果这里指定了图片路径,那么相对于根目录的a链接就不能用了 :mrgreen:

  4. #4

    可入眼说道:

    膜拜大神了 :roll:

  5. #5

    欣欣说道:

    有点厉害




TOP