<base> 标签为页面上的所有链接规定默认地址或默认目标。
base 标签的 href 属性规定页面中所有相对链接的基准 URL。
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <title>新建H5模板</title> <base href="http://onestopweb.cn/test/img/" target="_self"> </head> <body> <img src="o_s017.jpg" alt="根据base获取图片"/><!--结果是：http://onestopweb.cn/test/img/o_s017.jpg--> <img src="/test/img/o_s018.jpg" alt="站点的绝对路径获图片"><!--结果是：http://onestopweb.cn/test/img/o_s018.jpg--> <a href="demo.html">测试链接</a><!--结果是：http://onestopweb.cn/test/img/demo.html--> <a href="/test/demo.html">测试链接</a><!--结果是：http://onestopweb.cn/test/demo.html--> <div style="background:url(o_s021.jpg) no-repeat; width:200px; height:150px;"></div><!--结果是：http://onestopweb.cn/test/img/o_s021.jpg--> <div style="background:url(/test/img/o_s019.jpg) no-repeat; width:200px; height:150px;"></div><!--结果是：http://onestopweb.cn/test/img/o_s019.jpg--> </body> </html>
效果图：
提示：要把HTML的结构写完整，否则在手机的浏览器上无法显示图片。
相关推荐
<a href="properties/href_2.asp">关于href属性的更多信息 <!-- 更多内容 --> </html> ``` 在这个例子中，`<base>`标签设置的基准URL是`http://msdn.microsoft.com/workshop/author/dhtml/reference/`。因此，当...
### Struts 中 base 标签的 target 属性详解 #### 引言 在 Web 开发领域，Struts 是一个非常流行的 Java 框架，它主要用于构建基于模型-视图-控制器（MVC）设计模式的应用程序。Struts 的一大优势在于其强大的标签...
3. **href属性的有效性**：如果设置了`href`属性，它的值必须是一个有效的URL地址。此外，为了使`href`生效，`<base>`标签应放置在任何具有URL属性的元素之前（除了`html`元素的`manifest`属性）。 4. **target属性...
`<base>`标签通常放置在`<head>`部分，其`href`属性用于设定基础URL。例如： ```html <!DOCTYPE html> <html> <base href="http://static.cnblogs.com/" /> </html> ``` 在这个例子中，所有相对路径的链接...
### HTML标签属性详解 #### 一、HTML基础知识简介 HTML（Hyper Text Markup Language）是一种标记语言，用于构建网页结构。HTML文档由多个标签组成，这些标签定义了文档的结构和内容。HTML标签可以包含多种属性，...