Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
What’s the ‘correct’ semantic way to specify image height and width? In CSS…
width:15px; or inline…
<img width='15' ?
CSS seems like the right place to put visual information. On the other hand, few would argue that image ‘src’ should not be specified as an attribute and the height/width seem as tied to the binary image data as the ‘src’ is.
(Yes, I realize from a technical, end-user perspective this really doesn’t matter.)
It should be defined inline. If you are using the img tag, that image should have semantic value to the content, which is why the alt attribute is required for validation.
If the image is to be part of the layout or template, you should use a tag other than the img tag and assign the image as a CSS background to the element. In this case, the image has no semantic meaning and therefore doesn’t require the alt attribute. I’m fairly certain that most screen readers would not even know that a CSS image exists.