<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标签可以包含多种属性，...
### HTML标签属性详解 #### 跑马灯与动态效果 - **`<marquee>`**：这是一个非标准但广泛使用的HTML元素，用于创建文本或图像的滚动效果。 - **`behavior`**：定义了内容如何移动。 - `slide`：内容将一次性滑入...
### HTML标签属性详解 #### 一、概述 HTML（HyperText Markup Language）是构成网页的基础语言，通过不同的标签和属性组合来实现丰富的页面布局与功能。本文将对文档中的部分HTML标签及其属性进行详细介绍，帮助...
### HTML标签意义与各属性详解 HTML（HyperText Markup Language）是用于创建网页的标准标记语言。它通过一系列的标签和属性来定义文档的结构、样式和功能。下面将详细解析HTML中常见标签及其属性的意义和用法。 #...
### HTML标签属性详解 #### 一、概述 HTML（HyperText Markup Language）是构成网页的基础语言，通过不同的标签和属性组合来实现丰富的页面布局与功能。本文将对部分常用HTML标签及其属性进行详细介绍，帮助读者更...
- `<base href="地址">` 设置默认链接路径。 - `<a href="地址">` 创建外部链接。 - `target="_blank"` 用于在新窗口打开链接。 - `target="_top"` 在顶级窗口打开链接。 - `target="页框名"` 在指定框架内打开...
因此，如果HTML页面中包含了`<base>`标签，那么页面中所有的相对路径链接都会基于这个`<base>`标签的href属性所指定的URL。这对于统一管理链接的前缀非常有用，特别是在多层目录结构的网站中。但同时，开发者有时候...
- `<base href="地址">`：设置文档的基地址。 - `<a href="地址">`：创建一个指向其他文档的链接。 - **target**：指定链接打开的方式。 - `_blank`：在新的窗口或标签页中打开链接。 - `_top`：在顶层窗口打开...
- 如果在 `<base>` 标签中设置了 `target` 属性，则该设置将成为所有 `<a>` 标签的默认行为。 - 使用框架时，确保 `<frame>` 或 `<iframe>` 元素的 `name` 属性与 `<a>` 标签中的 `target` 属性匹配，以便正确地在...