Question

仍然试图解决问题格式的问题......

我正在尝试为我的网页设计课程验证我的HTML ...并获得完全的功劳，我需要没有错误。

我已经检查了一百万次，我的验证员发誓说我的<head> </head>仍处于打开状态，而且我没有申报DOCTYPE。我是新来的，所以随时称我为菜鸟。

这是我使用的验证器：http://validator.w3.org/

<html>
<!DOCTYPE html>

<head>
<title> Wonder Penguin! </title>
<link rel="shortcut icon" href="penguinicon.png"> 
<link rel="stylesheet" href="solo.css"/>
</head>

<img src= banner.jpg alt="Penguin!" />

<div id="content">
<div id="main" class="section">
<form action="solo.php" method="POST">
<h1> Personal Information </h1>
<label for="first_name">First Name:</label> <input type="text" name="first_name" size="20" />
<br>
<label for="last_name"> Last Name:</label> <input type="text" name="last_name" size="20" />
<br>
<label for="twitter">Twitter:</label><input type="text" name="twitter" size="20" />
<br>
<label for="website">Personal Website:</label><input type="text" name="website" size="20" />
<h1> Location </h1>
 State:<input type="Text" name="state" size="10" />
<br> 
City:  <input type="text" name="city" size="10" />
<br>
<input type="submit" value="Let's go!" size="80" /> 
<input type="reset" value="Start over?" size="80" /> 
</form>
</div>
<div id="column" class="section">

</div>


<div id="updates" class="section">
<h1> Updates </h1>

<p>
Hello!
</p>
</div>
<div id="aboutyou" class="section">

</div>
<div id="footer" class="section">
Footer is here! 
<br>
<script type="text/javascript"> 
printToday();
</script>
</div>
</div>
</html>

Answer 1

<!DOCTYPE html>应该在<html>

之前

Answer 2

首先，<!DOCTYPE html>字符串必须在文档的最开头才能生效。因此，移动<html>标记后，或删除<html>标记（HTML5中不需要它，当您说<!DOCTYPE html>时，这是您声称要遵守的标记。

然后您将收到一些其他错误消息。从提交按钮和销毁（或“重置”）按钮中删除size属性 - 不允许在那里，浏览器无法识别。（如果你想设置按钮的宽度，你可以使用属性style="width: 80px"，但不要。）剩下的就是一些“标签元素的for属性必须引用一个表单控件“消息。通过向文本输入字段添加id属性来修复此问题，例如

<label for="first_name">First Name:</label>
<input type="text" id="first_name" name="first_name" size="20">

for属性值必须与id属性值匹配; name属性在这里是无关紧要的（但是需要它们来命名字段，以便它们的内容以表单数据的形式发送）。

（我在/之前删除了>，因为在HTML5的HTML序列化中它是毫无意义的 - 尽管是允许的。对于一些空元素而不是全部使用它并不是好的风格。）

Answer 3

您的DocType必须是您文件的第一个声明。你不能把它放在html标签里面。

所以只需用你的html标签反转你的DocType声明就可以了。

HTML Validator混淆

3 个答案: