Intellisense无法在HTML上自动完成任务



你们好吗?希望你们都好。

我对VSCode的IntelliSense有点问题,它可以在我的CSS文件上工作,但停止了对HTML文件的工作。下面是一个例子。我打了一个"创建一个带有类的div,但vscode没有显示任何自动完成的选项,甚至没有关闭我添加的新标签。

我在这里测试过,这个问题就出现在这个代码中。当我创建一个新的HTML文件时,它工作得很好。我尝试创建一个新文件并复制代码,但当我粘贴代码时,它停止了工作。

这是HTML代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- displays site properly based on user's device -->

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Poppins:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<script src="https://kit.fontawesome.com/67c8471bba.js" crossorigin="anonymous"></script>
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
<title>Frontend Mentor | Huddle landing page with alternating feature blocks</title>
</head>
<body>
<header class="container">
<div class="header-content">
<img src="images/logo.svg" alt="huddle-logo">
<a href="#">Try It Free</a>
</div>

</header>
<div id="hero" class="container">
<h1>Build The Community Your Fans Will Love</h1>
<p>Huddle re-imagines the way we build communities. You have a voice, but so does your audience.
Create connections with your users as you engage in genuine discussion.
</p>
<a href="">Get Started For Free</a>
<img src="images/illustration-mockups.svg" alt="illustration-mockups">

</div>
<article>
<div class="card">
<img src="./images/illustration-grow-together.svg" alt="illustration-grow-together">
<h1>Grow Together</h1>
<p>Generate meaningful discussions with your audience and build a strong, loyal community.
Think of the insightful conversations you miss out on with a feedback form.</p>

</div>
<div class="card">
<img src="./images/illustration-flowing-conversation.svg" alt="illustration-flowing-conversation">
<h1>Flowing Conversations</h1>
<p>You wouldn't paginate a conversation in real life, so why do it online? Our threads
have just-in-time loading for a more natural flow.</p>      
</div>
<div class="card">
<img src="./images/illustration-your-users.svg" alt="illustration-your-users">
<h1>Your Users</h1>
<p>It takes no time at all to integrate Huddle with your app's authentication solution.
This means, once signed in to your app, your users can start chatting immediately.</p>      
</div>
<div id="call-to-action" class="card">
<h1>Ready To Build Your Community?</h1>
<a href="">Get Started For Free</a>
</div>
</article>
<footer>
<div class="get-in-touch">
<img src="images/logo-white.svg" alt="huddle-logo">
<div class="adress">
<i class="fas fa-map-marker-alt"></i>
<p>Lorem ipsum dolor sit amet, <br>consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua</p>
</div>
<div class="phone">
<i class="fas fa-phone-alt"></i>
<p>+1-543-123-4567</p>
</div>
<div class="email">
<i class="fas fa-envelope"></i>
<p>example@huddle.com</p>
</div>
</div>
<div class="links">
<div class="link1">
<a href="#">About Us</a>
<a href="#">What We Do</a>
<a href="#">FAQ</a>
</div>
<div class="link2">
<a href="#">Career</a>
<a href="#">Blog</a>
<a href="#">Contact Us</a>
</div>
</div>
<div class="socials">
<a href="#" <i class="fab fa-facebook-f"></i></a>
<a href="#" <i class="fab fa-twitter"></i></a>
<a href="#" <i class="fab fa-instagram"></i></a>
</div>
<p class="copyright">&copy; Copyright 2018 Huddle. All rights reserved.</p>

<p class="attribution">
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
Coded by <a href="https://www.frontendmentor.io/profile/vitorlfaria" target="_blank">Vitor Lacerda</a>.
</p>
</footer>
</body>
</html>

不要为div编写.hero-infosdiv.hero-infos

相关内容

  • 没有找到相关文章

最新更新