Question

我的标记是

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>klaymen - About</title>
</head>
<body>
    <h1>Klaymen</h1>
    <img src="resources/klaymen-about.jpg" width="200" alt="Klaymen's about picture">
</body>

当我使用此验证程序https://validator.w3.org/#validate_by_input测试文档时，出现以下错误：

文档类型不允许元素“IMG”在这里;缺少“P”，“H1”，“H2”，“H3”，“H4”，“H5”，“H6”，“DIV”，“ADDRESS”开始标记

显然我有一个H1，img是一个flow content元素，应该允许在这个位置，所以问题是什么？

Answer 1

您可以使用div容器。

<div>
    <img src=""/>
    <span display: block>Text below the image</span>
</div>

这是因为此规范中文档的body不能包含像<img>这样的内联元素，因此，通过将其置于像<div>这样的块元素中，所有内容都已修复。 / p>

<h1>之后的<img/>未验证为HTML 4.01 Strict

1 个答案: