<img> 在 <h1> 之后未验证为 HTML 4.01 严格

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 我收到以下错误：

document type does not allow element "IMG" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "DIV", "ADDRESS" start-tag

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

Answer 1

您可以使用 div 容器。

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

发生这种情况是因为本规范中文档的 body 不能包含像 <img> 这样的内联元素，因此，通过将它放在像 <div> 这样的块元素中，一切都已修复.

<img> 在 <h1> 之后未验证为 HTML 4.01 严格

<img> after <h1> does not validate as HTML 4.01 Strict

w3c-validation

html4

html-validation