[英]Visual Studio Code Extension: HTML Preview; External CSS it's not working
我现在挣扎了几个小时,为什么 HTML 预览不起作用,我什至在这个网站上搜索了谷歌,但没有任何帮助,所以这就是我发布这个问题的原因。
我尝试制作一个单独的 CSS 文件,并将 CSS 样式嵌入到页面中。
这是我的代码
头
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Ana Sayfa</title>
身体
<div id="sayfa">
<header>
<div id="banner">
Banner
</div>
<div id="logo">
Logo
</div>
<div id="sosyalmedya">
Sosyal Medya
<div class="face"></div>
<div class="twit"></div>
<div class="insta"></div>
</div>
</header>
<nav>
<div id="ana-menu">
Ana Menü
</div>
</nav>
<section>
<div id="icerik">
İçerik
</div>
</section>
<aside>
<div id="yan-menu">
Yan Menü
</div>
</aside>
<footer>
<div id="alt-menu">
Alt Menü
</div>
</footer>
</div>
有几件事你应该看看。
首先,您可能需要将您的头部和身体包裹在一个文档中以获得完整的有效 html 文档。
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
</body>
</html>
您还想在头部关闭单个标签。 大多数时候我们像这样打开和关闭标签。
<div></div>
单个标签,就像图像将被表示为一个标签标签在其内部关闭。
<img attr="..." />
正斜杠正在关闭该单个标签。 您的 Meta 标签未关闭。
他们应该是。
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
我不确定这会解决您的问题,因为但它会让您更接近标准的 html 文档。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.