Web学習 【21】 "px"は間違い?

更新
2015年01月06日(火)

本文を追記欄に移動

"px"は間違い?

 独学で勉強してからしばらく勘違いしていました。HTMLタグの img で画像の高さと幅を指定する際、属性で width="px" height="px" と記述していたのですが、これは正確には誤りです。

<img src="XX.jpg" alt="XXの画像" width="640px" height="480px">

 width height どちらの属性もとりうる値は「数値」もしくは「%」のみです。つまりピクセル単位で指定したい場合は「数値のみ」を記述しなければ誤りです。

<img src="XX.jpg" alt="XXの画像" width="640" height="480">

 "px"を誤って記述していても数値通り表示されるのは、ブラウザが誤り部分を無視しているからです。資格試験では減点される可能性があるので要注意です。

参考:「Webクリエイター能力認定試験 採点基準 Q&A

 画像の width height を CSS もしくは style で記述する際は px まで記述しないと誤りなのでこれも注意しましょう。

img {
width: 640px;
height: 480px;
}
関連記事
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

コメント

コメントの投稿

非公開コメント


ページ下部までご覧いただきありがとうございました。