Question

我无法使用W3 Validator验证我的代码。我是Web Design的新手。有人能帮我吗。验证者声明：

错误：在非void HTML元素上使用的自动关闭语法（/＆gt;）。忽略斜杠并将其视为开始标记。

从第15行第1栏;到第15行，第41栏

p>↩↩↩<h1>↩<a href="http://www.monroecollege.edu:"/><img s

代码：

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Home-International Student Home Page</title>
<link href="cssstyle.css" rel="stylesheet">
</head>
<body>

<h3>About Image:</h3>
<p>Monroe College Logo</p>

<h1>
   <a href="http://www.monroecollege.edu:">
   <img src="monroelogo.jpg"  alt="" height="115" width="700"/>
</h1>

Answer 1

首先，关闭<a>容器中的锚点（<h1>）元素。

HTML无效

<h1>
    <a href="http://www.monroecollege.edu:">
    <img src="monroelogo.jpg"  alt="" height="115" width="700"/>
    <!-- missing closing </a> tag here -->
</h1>

有效的HTML

<h1>
    <a href="http://www.monroecollege.edu:">
    <img src="monroelogo.jpg"  alt="" height="115" width="700"/>
    </a>
</h1>

确保始终向非空（非自闭）元素添加结束标记。检查description for each element以确定＆＃34;标记遗漏＆＃34;要求。

Void元素也称为自动关闭，空和单例。这是list of all void elements in HTML

area, base, br, col, embed, hr, img, input, keygen, link, meta, param, source, track, wbr

所有其他元素都需要结束标记。

此外，对于void元素，不再需要尾部斜杠。它是可以接受的，但不是必需的。

这是有效的HTML：

<br>, <hr>, <img>, <input>, <meta>, etc.

事实上，删除斜杠的是recommended by the Google HTML/CSS Style Guide和Stack Overflow community。

此外，putting an image inside a heading element (in this case <h1>) is perfectly valid。它是否是正确的做法是另一个问题。

Answer 2

别忘了关闭<a>代码

此外，您不需要在图像周围放置<h1>，它不会做任何事情，并且可能会产生错误，因为它需要一些文本。

Answer 3

1） HTML中的图片不需要标题（<h1>，<h2>，<h3>和...）标记。
但它是允许的。不要忘记在img上设置alt属性！ alt属性是必需的。

2） html中的大多数标签应该在打开后关闭但不是全部。例如：

<br> <embed> <hr> <img> <input> <link> <meta> <param> <source>

您忘了在最后一行关闭<a>标记。

HTML验证器＆＃34;自动关闭语法＆＃34;和＆＃34;无效＆＃34;错误

3 个答案: