我正在本地工作的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,这样我就可以实现一些内联/外部样式表?
答案 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" />
但你只能使用其中一个。
如果有帮助,请告诉我。