`
hudeyong926
  • 浏览: 2032776 次
  • 来自: 武汉
社区版块
存档分类
最新评论

用好href的target, base href

 
阅读更多

<base href>就是指网页里面的相对链接 的前缀url,如在<head></head>部分定义了此链接为http://ent.sina.com.cn/ ,那么下面的<a href=aaa.html></a>代表http://ent.sina.com.cn/aaa.html
这个标签的用处是解决编程时候的相对路径问题 ,你可以把它生成相对路径,如<a href="sdsd/dsd.html">sddsds</a>,只要在head部分加上<base href=http://localhost/abc/>即可。

注意<a href="/ sdsd/dsd.html">sddsds</a>不会加上相对链接 的前缀url

自己写绝对路径也不会加上相对链接 的前缀url<a href=" http://www.baidu.com ">baidu </a>
所以说,这个标签主要为了解决web编程的时候一些相对路径的问题
当然,这个base还有一个用法,如在head部分加上这么一行: <base href="_blank"> ,就是默认所有链接在新窗口打开。

 

常见用法:复制第三方网站的源代码,会丢失css样式和图片。用base href能正常显示。

 

 

 

分享到:
评论

相关推荐

    HTML base 标签的 href 属性

    - 当`&lt;base&gt;`标签被用在包含框架的页面时,应谨慎处理`target`属性,因为它会影响到整个页面的导航行为,包括框架内的链接。 - `&lt;base&gt;`标签对绝对URL没有影响,它们会按照原本的格式解析和执行。 在实际开发中,`...

    struts中base标签的target属性

    &lt;a href="&lt;s:url value='about'/&gt;" target="_blank"&gt;关于我们 ``` 这段代码将创建一个链接,点击后将在新的窗口或标签页中打开 `http://example.com/about`。 #### 总结 通过本文的介绍,我们可以看到 Struts 中...

    base href 使用方法详解

    ### base href 使用方法详解 #### 一、概述 在网页开发过程中,经常需要处理页面内的链接定位问题。尤其是在复杂的框架结构或需要统一管理链接目标的情况下,`&lt;base&gt;`标签能够提供一种简便的方式来调整整个文档中...

    javascript中BASE标签作用

    例如,`&lt;base target="_blank"&gt;`将使所有链接默认在新窗口或新标签页中打开,无需在每个`&lt;a&gt;`标签中显式指定`target="_blank"`。 总结来说,`&lt;base&gt;`标签在HTML文档中起着基石般的作用,尤其是在处理相对URL和链接...

    HTML5 对各个标签的定义与规定:base

    2. **必需属性**:`&lt;base&gt;`元素必须至少包含`href`或`target`属性中的一个,通常情况下会同时设置这两个属性以充分发挥`&lt;base&gt;`的作用。 3. **href属性的有效性**:如果设置了`href`属性,它的值必须是一个有效的URL...

    base target=””控制链接的目标打开框架

    对于特定的链接行为,如在新窗口打开,建议使用 `&lt;a&gt;` 或 `&lt;form&gt;` 标签自身的 `target` 属性来实现,以保持更好的代码可读性和可控性。同时,理解不同的 `target` 值,如 `_blank`、`_self` 和自定义框架名称,对于...

    HTML a 标签的 target 属性.doc

    ### HTML `&lt;a&gt;` 标签的 `target...通过灵活使用 `&lt;a&gt;` 标签的 `target` 属性,开发者能够更好地控制用户界面的交互体验,尤其是在涉及多窗口或多框架的场景中。正确地运用这些属性可以帮助提高网站的可用性和用户体验。

    js base46转码、保存图片到本地、img显示本地图片.zip

    在JavaScript中,我们可以使用`btoa()`函数对二进制数据进行Base64编码,而`atob()`函数则用于解码。例如,如果你有一个图片文件的Blob对象,你可以先将其转换为Base64字符串,以便在`&lt;img&gt;`标签的`src`属性中使用:...

    html base标签 target=_parent使用介绍

    HTML中的`&lt;base&gt;`标签是一个非常实用但不常被广泛了解的元素,它主要用于设置页面中所有链接...在编写HTML文档时,根据实际需求考虑是否需要使用`&lt;base&gt;`标签,并正确配置`href`和`target`属性,以实现预期的导航效果。

    00000035_html-base的用法.rar

    这个教程很可能详细解释了如何在HTML文档中使用`&lt;base&gt;`标签,包括设置`href`和`target`属性,以及这两个属性如何影响页面内链接的解析和行为。通过观看这个视频,你可以得到实际操作演示和深入的解释,更好地掌握`...

    base target=""控制链接的目标打开框架

    `base target`属性通常与`&lt;base&gt;`标签一起使用,用于设置所有未指定`target`属性的链接的行为。 `&lt;base&gt;`标签是HTML文档中一个特殊的标签,它并不在页面上产生可见元素,而是提供一些基础信息,如页面的URL基准或...

    HTML中的base标签 中文WORD版

    除了`href`属性外,`&lt;base&gt;`标签还可以通过`target`属性设定页面链接的默认打开方式。例如: ```html &lt;!DOCTYPE html&gt; &lt;base target="_blank" /&gt; &lt;a href="http://www.cnblogs.com"&gt;这个页面会在新窗口打开 ...

    html文件head内部标记浅析(meta,link,base,body)

    `&lt;base href="原始地址"&gt;` 设定文档的基准URL,当文档中的相对URL引用资源时,将以这个地址作为基础。 2. 目标框架: `&lt;base target="目的框架名"&gt;` 在多框架布局中,指定所有链接默认打开的目标框架。这样,就不...

    基链接标签base的使用介绍

    如果目标文件中的链接没有指定target属性,就用base标记中的target属性。 常在框架结构中用,如左右两个框架,把左边的框架中文件里的连接都显示在右边的框架里。只要用base标记,把其target属性值写为右框架名称,...

    JavaScript获得页面base标签中url的方法

    在Web开发中,`&lt;base&gt;`标签是HTML...以上就是使用JavaScript获取页面`&lt;base&gt;`标签中URL的方法,希望这些方法能够帮助开发者在进行JavaScript程序设计时,更好地处理页面中相对URL的基准地址,使程序更加健壮和灵活。

    html超级链接标记A的TARGET属性详解

    1. **防止网页被其他框架引用**:在文件头添加`&lt;base target="_top"&gt;`可以防止其他框架引用你的网页。 2. **在当前页打开链接或刷新**:在文件头添加`&lt;base target="_self"&gt;`可以让链接在当前页面打开。 #### 六、...

    base标签是什么及其作用介绍

    &lt;base href="default_url" target="_blank|_self|_parent|_top|framename"&gt; ``` - `href`属性:这是`&lt;base&gt;`标签的核心属性,它定义了页面上所有相对URL的基础URL。这意味着,当你在页面上的任何地方使用相对路径的...

    JSP页面文件中base标记用法实例分析

    &lt;base href="基准URL" target="目标窗口"&gt; ``` 在JSP页面文件中,通常会动态生成base标签的href属性值,以便根据实际部署的环境自动获取正确的基础路径,如: ```jsp &lt;base href="&lt;%=basePath%&gt;"&gt; ``` 其中`...

    HTML中的base标签使用详解

    但如果在`&lt;base&gt;`标签中设置`target`属性,如`target="_blank"`,则所有链接都会在新窗口或标签页中打开: ```html &lt;base target="_blank"&gt; &lt;a href="http://www.cnblogs.com"&gt;这个页面会在新窗口打开 &lt;a ...

Global site tag (gtag.js) - Google Analytics