XHTML 1.0 Strict页面上传标记验证服务出现img、a元素报错问题
错误产生原因
你遇到的报错是XHTML 1.0 Strict的嵌套规则限制导致的:
- 该规范要求
<body>标签的直接子元素必须是块级元素,你代码中的<img>属于可替换内联元素、<a>属于常规内联元素,二者都不允许直接作为<body>的子节点存在 - 报错提示中列出的
p、div、h1~h6等就是允许作为内联元素父容器的块级元素类型,你当前的代码里<img>和<a>直接放在<p> The first paragraph </p>结束标签之后、<table>开始标签之前,属于<body>的直接子元素,不符合规范要求。
修正方案
只需要将这两个内联元素包裹在任意一个合法的块级父容器中即可,最常用的是用<div>或者<p>标签包裹,示例修改代码如下:
<!-- 用div包裹两个元素的示例,也可以根据布局需求替换为p等其他允许的块级元素 --> <div> <img src="hghg.png" height="123" alt="hello it's me" width="123"/> <a href="https://www.uber.com/"> This will be a link</a> </div>
你也可以根据页面的实际布局需求,将两个元素分别包裹在不同的块级容器中,只要确保没有内联元素直接作为<body>的子元素即可。
内容的提问来源于stack exchange,提问作者Tote99
相关产品推荐
相关产品推荐

