有谁知道,为什么当我尝试预览我的网站时,它没有显示任何内容?我的代码出了什么问题?
当我检查源代码时,它不会准确地告诉我问题是什么?
<head>
<title>My Coursera Site</title>
<link rel="stylesheet" type="text/css" href="bootstrap.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="script.js" />
</head>
<body>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
<hr>
<div class="container">
<h1 id="title" onclick="alert('Hello');">This is a heading or title</h1>
<div="row">
<div class="col-md-6 thin_border">
some content for panel 1
</div>
<div class="col-md-6 thin_border">
some content for panel 2
</div>
</div>
</div>
</body>
答案 0 :(得分:1)
尝试明确关闭脚本标记
<script src="script.js" />
应该是
<script src="script.js" ></script>
如果您需要更多解释,可以查看question。
答案 1 :(得分:-1)
您错过了<HTML>
和<!DOCTYPE>
标记。您的代码应该是这样的:
<!DOCTYPE html>
<html>
<head>
<title>My Coursera Site</title>
<link rel="stylesheet" type="text/css" href="bootstrap.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="script.js" />
</head>
<body>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
<hr>
<div class="container">
<h1 id="title" onclick="alert('Hello');">This is a heading or title</h1>
<div class="row">
<div class="col-md-6 thin_border">
some content for panel 1
</div>
<div class="col-md-6 thin_border">
some content for panel 2
</div>
</div>
</div>
</body>
</html>
请注意,你也有一个错误的div标签<div="row">
,我假设它可能是div类属性,这就是我在上面的例子中将它设置为class属性的原因。
还建议在JavacScript导入中添加type
属性和显式结束标记,如下所示:
<script type="text/javascript" src="script.js"></script>