为什么我网页上的所有内容都转换为指向另一个页面的链接？答案

【问题标题】：Why is everything on my web page converting to a link to another page?为什么我网页上的所有内容都转换为指向另一个页面的链接？
【发布时间】：2023-01-08 18:29:35
【问题描述】：

我是网络开发的新手。我试图制作一个投资组合网站。在我的“我的工作”页面中，我写的所有内容都被转换为指向我的联系页面的链接。有人可以告诉我为什么会这样吗？我说的是这个部分。 airbnb 和 Pidilite 案例研究的链接是有意的。除此之外，我还获得了所有标题，例如“Ritika 的作品”和“案例研究”，它们也作为指向我的 /contact.html 页面的链接。

<!DOCTYPE html> 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ritika Kapoor- Product Enthusiast </title>
    <link rel= "stylesheet" href = "style.css">
</head>
<body>
    <div class = "container">

    <div class= "sidebar">
       
        <nav>
            <ul>
                <li><a href ="/">Home</li>
                <li><a href ="/intro.html">My Intro</li>
                <li ><a href ="/services.html">Services</li>
                <li><a href ="/mywork.html">My Work</li>
                <li><a href ="/contact.html">Contact Me</li>
            </ul>
        </nav>

    </div>
    <div class="myworkpage">
        <div class="workcontainer">
            <h1 class="workheading">Work By Ritika</h1>
            <div class="workitem">
                <h2 class="csheading">Case Studies</h2>
                <div class="casestudy">
                    <a href = "/airbnb_casestudy.pdf" target="_blank"><img class="csim" src="airbnb.gif" alt="Airbnb" >
                    <a href = "/airbnb_casestudy.pdf" target="_blank"><h3 class="csname">Airbnb - Case Study</h3>
                </div>
                <div class="casestudy">
                    <a href = "/pidilite_casestudy.pdf" target="_blank"><img class="csim" src="Pidilite.jpg" alt="Pidilite"></a>
                    <a href = "/pidilite_casestudy.pdf" target="_blank"><h3 class="csname">Pidilite- Case Study</h3></a>
                </div>
            </div>
        </div>
    </div>
            
    </div>
</body>
</html>

我已经检查了代码，我看不出在哪里可以将链接添加到我的联系页面。此外，如果我添加任何其他标题，它也会转换为链接。

【问题讨论】：

你还没有关闭你的许多锚标签

标签： html css

【解决方案1】：

您缺少一个 <base> 标记，用于指定您的相对 URL 的行为方式。

将 <base href="https://www.example.com/" /> 添加到您的 head 标签，将 https://www.example.com/ 替换为您的实际域。

参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base

【讨论】：