Short web standards quiz
Q1. What does "semantics" mean in the context of web development?
- To use CSS for layout instead of tables
- To validate your page according to a given W3C specification
- To use the most appropriate HTML tags for your content
Q2. Which was the next CSS specification released after CSS2?
- CSS3
- CSS2.1
- CSS2.0
Q3. In context of content, presentation, and behaviour. What language is appropriate for the behaviour?
- CSS
- XHTML
- Javascript
Q4. If you want to mark that a certain word is short for something longer, which HTML tag should you use?
<acronym>
<abbr>
<em>
Q5. Which of the following is NOT possible to do with W3C's CSS2?
- Change the color of the scrollbar
- Make a div fill the whole height of the page
- Change the distance between lines of text in a paragraph
Q6. One of the following is a valid doctype, which one?
- HTML 4.01 Quirks mode
- HTML 4 Standards mode
- HTML 4.01 Strict
Q7. W3C's validator (with XHTML 1.0 Transitional doctype) would let through one of the following lines. Which one?
<adress>Sesame street 34Germany</adress>
<font color="red">Hello</font>
<em><table><tr><td>Data</td></tr></em></table>
Q8. The much awaited CSS3 specification includes the following feature:
- An easy way to add shadows to your text
- A way to open windows in new tabs
- Possibility to animate (move) text and images
Q9. Which of the following is valid CSS2?
display: inline-block;
*
_width: 300px;
Q10. Which of the following is NOT valid CSS2?
p:first-letter
* html #container
tr:nth-child(2n) td
Are you uncertain about any of the questions? Just post a comment and I'll answer. (You can also use the comments just to show off or points out errors of course :).
Comments
By: zapada (#1)
By: Teddy (#2)
Q1. 3
Q2. 2
Q3. 3
Q4. 2 (abbr, not abr). And it's important to remember that IE doesn't support that element so you'll need some kind of work around for it.
Q5. Uhm, well. Styling the browser scrollbar can't be done with CSS, and giving a 100% height on a element doesn't work either. So both 1 & 2.
Q6. 3
Q7. It'll surely not let nr 1 pass since it's spelled wrong. But I guess you meant nr 3 since it's badly structured.
Q8. 1
Q9. 2
Q10. 3 (waiting for css3...)
Nice quiz, even though there are some errors.
By: Emil Stenström (#3)
Q4: you're absolutely right, My idea here was that 1 should be the answer and abbr misspelled but I should have read up on the definitions first. I'll change that right away.
Q5: stupid me, a NOT too much there. Chaning.
Q7: I'm right on that one though. No NOT in that question.
By: Henrik (#4)
Emil: Do you mean "address" instead of "adress"? Otherwhise - what does adress mean?
What does: "Q5: stupid me, a NOT too much there. Chaning." - "Chaning" mean?
Question five: all of them. Scrollbars in IE, make div height to 100% and change the "line-height" property.
Why wouldn't "display: inline-block" be valid CSS?
Question ten: 2 and 3. There is no unit "en".
Question eight: really number one? I've heard some stuff about tabs as well though.
By: Emil Stenström (#5)
Q5: No, setting scrollbars is NOT possible using "W3C’s CSS2". It's possible using IE only code though.
Q7: that spelling error rules out 1) but the question is still correct.
Q8: don't be silly :) tabs will never be controlled from the CSS.
Q9: Read the question again. CSS2 is not CSS2.1
Q10: True, should be ex... fixing.
By: Jason (#6)
By: Emil Stenström (#7)
By: Abilio Santos (#8)
By: Emil Stenström (#9)
By: Bigi (#10)
Q1: 3
Q2: 2
Q3: 3
Q4: 1 - pretty sure its <acronym>.
Q5: I think it's 2, because I know 1 and 3 are possible for sure, and I remember I have trouble doing 100% div height before.
Q6: 3
Q7: 2 - pretty sure Transitional lets thru font tags. (1 should be <address> though)
Q8: no idea, I'm guessing it's 1, because tabs is browser-specific, and animating is pointless (JS for behavior).
Q9: I think it's 2?
Q10: no idea, guessing 3..