W3C驗證錯誤：百分位高度和寬度屬性

Question

我正在本地工作一個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驗證。該錯誤消息是如下：

Bad value 20%3484 for attribute height on element img: Expected a digit but saw % instead.

我似乎可以消除這種誤差的唯一方法，是通過去除％（PX也產生錯誤），並且僅在數離開。

有沒有一種方法可以繼續使用像素/百分比，而不是重新組織我的代碼，以便我可以實現一些內聯/外部樣式表？

Answer 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" /> 

希望這有助於。 :)

Answer 2

這應該拋出一個錯誤，因爲它的格式不正確。它應該是％格式或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" /> 

但是，你只能使用一個他們。

讓我知道它是否有幫助。