开发者

Adding strong emphasis to an img tag. Semantics

开发者 https://www.devze.com 2022-12-17 05:59 出处:网络
I\'m actually coding a website and a doubt came to me. I have a list of images (it\'s an artist portfolio, so it should be images), some of which have a \"Featured\" badge. Is it semantically correct

I'm actually coding a website and a doubt came to me. I have a list of images (it's an artist portfolio, so it should be images), some of which have a "Featured" badge. Is it semantically correct to wrap the img into a strong tag instead of using a class="featured"? Will it add strong emphasis to the image?

Reading the W3C spec., it开发者_JAVA技巧 refers strong and em as text-level semantics, but I'm not sure what happens with media like img.

Thank you so much.


I think that's fine. You may already be doing this, but you need to make sure that the ALT text describes why the images has been emphasized. Eg alt="man with dog - featured"


I think that it would be perfectly acceptable to do this and preferable.


First of all, I think the HTML 4 spec allows it. Question is, can you rely on what browser will do with it. I would not take my chances with that.

But at least, in many browsers you can attach formatting to

strong img {
    /* mark up for the featured image */
}

And this should then work for all browser that support it.


I wouldn't use the strong tag on images, I am not sure why it would be preferable since it refers to 'emphasized' text only: an aural user agent may use different voices for emphasis, it would be pointless for images.

Why don't you just use a class?

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号