• 豌豆资源网
  • 开引网企业服务
  • 服务外包网
  • HTML中<base>标签的正确使用

    <base>的定义、作用

    1.  定义:<base> 标签是 html 语言中的基准网址标记,是一个单标签。

    2.  作用:规定页面上所有链接的默认 URL 和默认目标。

    例如: 

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title>base</title>
        <meta charset="UTF-8">
        <base href="http://www.w3cschool.cn" target="_blank">
    </head>
    <body>
    <p>img标签里的src的绝对路径是http://www.w3cschool.cn/statics/images/course/planets.gif</p>
    <img src="/statics/images/course/planets.gif" width="145" height="126" alt="Planets">
    </body>
    </html>
    

    资源网站大全 https://55wd.com 设计导航https://www.wode007.com/favorites/sjdh

     

    注意:base规定的是页面上所有链接的默认URL,是所有! 其包括src,href等所有URL。使用到的链接都会与base里的href链接拼接。

    比如找不到css文件的例子:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>base</title> 
     <meta charset="UTF-8">
    <base href="http://www.w3cschool.cn" target="_blank"> 
    <link rel="stylesheet" type="text/css" href="css/first.css" > <!--链接外部资源-->
    </head>
    <body>
    <p>外部样式表想引用非base链接目录下的文件,那么该样式表将无法找到。</p>
    </body>
    </html>
    

      

     

    简而言之:base标签有以下规则

    1. <base> 标签必须位于 <head> 元素内部。
    2. 在一个文档中,最多能使用一个 <base> 标签。 
    3. 使用了<base>标签的链接后,其他链接必须在<base>标签的链接里面,不然将无法找到。
    posted @ 2020-07-04 23:16  前端一点红  阅读(2539)  评论(0编辑  收藏  举报
  • 乐游资源网
  • 热爱资源网
  • 灵活用工代发薪平台
  • 企服知识
  • 355软件知识