W3C验证错误:百分位高度和宽度属性

时间:2017-10-10 17:33:35

标签: php html wordpress

我正在本地工作的WordPress网站,我正在尝试动态调用自定义标题。我使用以下代码:

<img src="<?php header_image(); ?>" height="20%<?php echo get_custom_header()->height; ?>" width="20%<?php echo get_custom_header()->width; ?>" alt="header-image" />

上面的代码,将以下行输出到浏览器:

<img src="http://localhost/wordpress-folder/wp-content/uploads/2017/10/image.jpg" height="20%3484" width="20%2439" alt="header-image" />

虽然上面的代码成功调用了自定义标头,但它确实无法通过W3C验证。错误消息如下:

  

元素img上属性高度的错误值20%3484:预期a   数字,但看到了%。

我似乎唯一可以删除此错误的方法是删除%(px也会产生错误),只留下数字。

除了重新组织我的代码之外,有没有办法可以继续使用Pixels / Percentage,这样我就可以实现一些内联/外部样式表?

2 个答案:

答案 0 :(得分:1)

您正在使用HTML高度和宽度属性。向它们传递值时,无法将度量标准(例如:%,px等)传递给它。

您必须将您的行更改为:

<img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="header-image" />

希望这会有所帮助。 :)

答案 1 :(得分:0)

由于格式不正确,因此会出错。它应该是%格式或px格式。 20%3484格式不正确。

如果你想给出固定的高度,可以使用:

<img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="header-image" />

或者如果您想使用%,请使用此选项:

<img src="<?php header_image(); ?>" height="20%" width="20%" alt="header-image" />

但你只能使用其中一个。

如果有帮助,请告诉我。