代码之家  ›  专栏  ›  技术社区  ›  MichaelB

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

  •  1
  • MichaelB  · 技术社区  · 9 年前

    我的标记是

    <!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“、”H1“、”DIV“、”ADDRESS“开始标记之一

    显然我有一个 H1 img 是一个 flow content 元素,那么问题是什么?

    1 回复  |  直到 9 年前
        1
  •  3
  •   unor Daniel Garijo    9 年前

    您可以使用 div 容器

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

    发生这种情况是因为 body 此规范中文档的不能包含类似 <img> ,因此,通过将其放入块元素中,如 <div> ,一切都已修复。

    推荐文章