Consider the following markup:
<figure>
<picture>
<source media="(min-width: 40em)"
srcset="large.jpg 1024w, medium.jpg 640w, small.jpg 320y">
<img src="medium.jpg" alt="London by night">
</picture>
<figcaption>A landscape of London by night</figcaption>
</figure>
Is it valid? If not, can you explain why?
Answer / chaitu
The markup uses the picture element, which is a pretty new addition to the specification. The code is all valid apart from the last image specified in the srcset attribute; 320y isn’t a valid value. If the y is replaced with a w, it becomes valid though.
Is This Answer Correct ? | 22 Yes | 0 No |
How do I link to a location in the middle of an HTML document?
How to create nest tables within tables in HTML?
What’s the difference between the meter element and the progress element?
What is the mark element? Can you describe an example of use for this element?
How to create a button which acts like a link?
Which network design layer provides a connection point for end user devices to the network? access core distribution networkby a networking device
Can you describe why hgroup was dropped and how the markup can be addressed today with an example?
Consider the following markup: <figure> <picture> <source media="(min-width: 40em)" srcset="large.jpg 1024w, medium.jpg 640w, small.jpg 320y"> <img src="medium.jpg" alt="London by night"> </picture> <figcaption>A landscape of London by night</figcaption> </figure> Is it valid? If not, can you explain why?
Describe when it’s appropriate to use the small element and provide an example?
Is it possible to express a date range using a single time element?
Is the alt attribute mandatory on img elements? If not, can you describe a scenario where it can be set to an empty value? Does an empty value affect accessibility in any way?
Explain marquee tag.