W3C検証エラー：パーセンテイルの高さと幅の属性

Question

現在、私は現在WordPressのWebサイトでカスタムヘッダーを動的に呼び出そうとしています。私は、次のコードを使用しています：

<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は、エラーを生成）および数のみに残します。

インライン/外部スタイルシートを実装できるように、コードを再構成する以外にPixels/Percentageを使用する方法はありますか？

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

をしかし、あなたは唯一のいずれかを使用することができますそれら。

私が助けてくれたら教えてください。