Pro018-从零开始HTML[#018]——5分钟-Base 默认标签

标签

#018_Apl_Base

    今天,将我们之前那个 Head 元素里面的剩余最后一个元素 base 将完。

    Base 是一个指定默认地址或默认属性的标签。我们使用它可以节省字节,当然,最重要的是提高效率,减少代码的维护时间。


普通超链接

Pro018-从零开始HTML[#018]——5分钟-Base 默认标签_第1张图片
一般写超链接的代码

    很多节课以前,我们学习的超链接的写法。 href 属性里填写路径,例如,我们现在做一个名单,名单上的每一个名字都会链接到外部一个网页,如果每个链接都要自己输入路径,那么这个输入量就会非常的大。

    而且作为一个查阅资料用的网页,我希望每个链接出来之后,要微辞之前的网页——名单部分不要关闭,以方便我可以同时打开多个网页,进行内容之间的比较。

    这时候我们就要用到一个 target 属性,这也是之前的课程里面教过的。

Pro018-从零开始HTML[#018]——5分钟-Base 默认标签_第2张图片
加入 target 属性

    可以看出,使用这种方法,一旦链接的数量变多,那么编写和维护代码的时间成本就会变得巨大,为了节省字节和提高效率,这里我们就可以用到 base 标签。


Base 标签提供默认属性

    我们可以在 Head 头部元素部分,加入一个 base 元素,并且给其设置属性

    · href 属性可以设置该 HTML 文档中,所有链接的默认相对路径

    · target 属性可以设置该 HTML 文档中,所有链接的默认开启目标

Pro018-从零开始HTML[#018]——5分钟-Base 默认标签_第3张图片
base 标签运用

    在设置这些属性的时候,我们要对应的修改原来标签里设置的路径和开启目标,使其达到最简。

Pro018-从零开始HTML[#018]——5分钟-Base 默认标签_第4张图片
修改 anchor 标签的属性

    这样下次再添加更多的链接时,我们就可以将网页放置到对应的存贮文件夹后,简单的再 href 路径属性中填写对应链接 HTML 文档的值,这样就能正确又节省代码输入量的链接页面了。

Pro018-从零开始HTML[#018]——5分钟-Base 默认标签_第5张图片
效果和普通链接方法一样

你可能感兴趣的:(Pro018-从零开始HTML[#018]——5分钟-Base 默认标签)