错误笔记-web文件预览:not allowed to load local resource:

在学习HTML5的时候,在vscode中突然预览不了图片,也设置不了背景图片。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content=" width=device-width, initial-scale=1.0">
    <base href="https://www.baidu.com">


    <title>春江花月夜</title>

    <style type="text/css">
        body {

            background-image: url("../HTML5&CSS3/img/bc.jpg")
        }

        p {
            text-align: center;
            font-size: 16px;
            line-height: 32px;
            color: blue
        }

        h1 {
            text-align: center;
            color: red
        }

        h2 {
            margin-left: 60%
        }

        a {
            color: #000;
            background: red
        }
        
    </style>
   

<body>
    <h1>春江花月夜</h1>
    <h2>张若虚</h2>
    <p>春江潮水连海平,海上明月共潮生。</p>
    <p>滟滟随波千万里,何处春江无月明?</p>
    <p>江流宛转绕芳甸,月照花林皆似霰。</p>
    <p>空里流霜不觉飞,汀上白沙看不见。</p>
    <p>江天一色无纤尘,皎皎空中孤月轮。</p>
    <p>江畔何人初见月,江月何年初照人?</p>
    <p>人生代代无穷已,江月年年祇相似。</p>
    <p>不知江月待何人?但见长江送流水。</p>
    <p>白云一片去悠悠,青枫浦上不胜愁。</p>
    <p>谁家今夜扁舟子,何处相思明月楼?</p>
    <p>可怜楼上月徘徊,应照离人妆镜台。</p>
    <p>玉户帘中卷不去,捣衣砧上拂还来。</p>
    <p>此时相望不相闻,愿逐月华流照君。</p>
    <p>鸿雁长飞光不度,鱼龙潜跃水成文。</p>
    <p>昨夜闲潭梦落花,可怜春半不还家。</p>
    <p>江水流春去欲尽,江潭落月复西斜。</p>
    <p>斜月沉沉藏海雾,碣石潇湘无限路。</p>
    <p>不知乘月几人归,落月摇情满江树。</p>
    

    
</body>

</html>

于是打开web工具

not allowed to load local resource:

折腾一下,怎么也解决不了

突然,点击查看背景图片,就转跳到了百度

于是,把问题锁定在

<base href="https://www.baidu.com">

查询了base标签

base 元素可以用来设置一个基准 URL,让 HTML 文档中的相对链接在此基础上进行解析。

因此,把<base ……>删除就行了

发表评论

电子邮件地址不会被公开。 必填项已用*标注