本篇文章主要的讲述了关于html base标签的用法介绍,还有关于html base标签的具体用法实例解析,接下来就让我们一起来看这篇文章吧
首先我们先认识下html base标签:
base标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。
使用base标签可以改变这一点。浏览器随后将不再使用当前文档的URL,而使用指定的基本URL来解析所有的相对URL。这其中包括a、img、link、form标签中的URL。
注释:base标签必须位于head元素内部。
还有html base标签属性的介绍:
必须属性
属性 | 值 | 描述 |
href | url | 规定页面中所有相对链接的基准URL |
可选属性
属性 | 值 | 描述 |
target | _blank _parent _self _top framename | 在何处打开页面中所有的链接 |
我们现在来看看实例:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>学生网页作业:base标签</title> <style type="text/css"> </style> <base href="http://www.yqietu.com" target="_blank"/> </head> <body> <body> <a href="http://www.yqietu.com/stu">学生网页作业</a> </body> </body> </html>
知道这些代码的效果吗?现在就一起来看看在浏览器中现实的效果吧: