{"id":85,"date":"2005-10-04T08:09:55","date_gmt":"2005-10-04T08:09:55","guid":{"rendered":"http:\/\/lachy.id.au\/log\/2005\/10\/web-developer-quiz"},"modified":"2006-04-30T23:33:49","modified_gmt":"2006-04-30T23:33:49","slug":"web-developer-quiz","status":"publish","type":"post","link":"https:\/\/lachy.id.au\/log\/2005\/10\/web-developer-quiz","title":{"rendered":"Web Developer Quiz"},"content":{"rendered":"

This quiz is designed to test whether or not web developers have an understanding of the basic technologies used on the web, primarily HTML, HTTP, Media Types (MIME) and character repertoires and encodings. Personally, I expect every single web developer to pass this quiz with flying colours, yet reality tells me that a large proportion will struggle. So, in the interests of finding out exactly how much web developers in general do and do not know, and for your own personal benefit, I decided to publish this quiz (or survey, if you like).<\/p>\r\n

Firstly, a few ground rules. Please don’t cheat.<\/strong> I expect all web developers to know the answers to these questions without the need for reference material or the use of automated tools. That means, please don’t make use of the validator or look up the specifications to answer these questions, they’re designed to be easy enough to answer without such tools, yet still provide enough of a challenge for all but the most knowledgeable authors. Secondly, in order to give everyone a fair go and avoid chance of having all the correct answers given away in the first response, I’ve temporarily enabled comment moderation and no comments will be appearing until I publish the results and answers next week. Ok, so on with the quiz\u2026<\/p>\r\n\r\n

This sample document applies to the first 3 questions. You may assume the HTTP headers contain:<\/p>\r\n

Content-Type: text\/html;charset=UTF-8<\/pre>\r\n
Note: This document uses some<\/em> special syntax that  is not widely supported in existing browsers; it is only designed to test your  knowledge of HTML.<\/p>\r\n\r\n
\r\n1. <!DOCTYPE HTML PUBLIC "-\/\/W3C\/\/DTD HTML 4.01\/\/EN">\r\n2. <html lang="en">\r\n3.   <title\/Sample HTML 4.01 Document\/\r\n4.   <p align="right">This is a sample HTML 4.01 Strict document.\r\n5.   <>How much do you know about HTML?<\/>\r\n6.   <!-- -- --> <em>It\u2019s not hard!<\/em> <!-- -- -->\r\n7.   <p>Created by <a href=http:\/\/lachy.id.au\/">Lachlan Hunt\r\n8. <\/html>\r\n<\/pre>\r\n\r\n
Validation<\/h3>\r\n
Which lines in the above HTML document contain  validation errors, if any? Note: I’m only looking for those errors that will be reported by a conforming SGML based validator.<\/p>\r\n\r\n
Elements in the DOM<\/h3>\r\n
    \r\n\t
  1. How many  p<\/code> elements are there within the above  document?<\/li>\r\n\t
  2.  Which of  these elements, if any, will not<\/em> be present within the the Document Object Model of the above document?\r\n\t\t
      \r\n\t\t\t
    • <head><\/code><\/li>\r\n\t\t\t
    • <body><\/code><\/li>\r\n\t\t\t
    • <em><\/code><\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n<\/ol>\r\n\r\n
      Semantics<\/h3>\r\n
        \r\n\t
      1. Which  markup structure is the most semantically correct for a navigational link menu,  regardless of how it will be presented visually?\r\n\t\t
          \r\n\t\t\t
        1. \r\n\t\t\t\t
          <div class="menu">\r\n    <a href="\u2026">Link  1<\/a> |\r\n    <a href="\u2026">Link 2<\/a> |\r\n    <a href="\u2026">Link 3<\/a>\r\n<\/div><\/pre>\r\n\t\t\t<\/li>\r\n\t\t\t
        2. \r\n\t\t\t\t
          <div class="menu">\r\n    <a href="\u2026">Link  1<\/a><br>\r\n    <a href="\u2026">Link  2<\/a><br>\r\n    <a href="\u2026">Link  3<\/a><br>\r\n<\/div><\/pre>\r\n\t\t\t<\/li>\r\n\t\t\t
        3. \r\n\t\t\t\t
          <ul class="menu">\r\n    <li><a  href="\u2026">Link 1<\/a><\/li>\r\n    <li><a  href="\u2026">Link 2<\/a><\/li>\r\n    <li><a  href="\u2026">Link 3<\/a><\/li>\r\n<\/div><\/pre>\r\n\t\t\t<\/li>\r\n\t\t<\/ol>\r\n\t<\/li>\r\n\t
        4. Which markup structure is the most semantically  correct for a title within the document body that may be horizontally centred  in a visual medium (eg. screen) using a large, bold font?\r\n\t\t
            \r\n\t\t\t
          1. <div  class="title">Document Title<\/div><\/code><\/li>\r\n\t\t\t
          2. <h1>Document  Title<\/h1><\/code><\/li>\r\n\t\t\t
          3. <p  align="center"><font size="+3"><b>Document  Title<\/b><\/font><\/p><\/code><\/li>\r\n\t\t\t
          4. <h1  style="font-weight:bold;font-size:large;text-align:center;">Document  Title<\/h1><\/code><\/li>\r\n\t\t\t
          5. <h1  class="LargeBoldCenterHeading">Document Title<\/h1><\/code><\/li>\r\n\t\t<\/ol>\r\n\t<\/li>\r\n<\/ol>\r\n\r\n
            Character References<\/h3>\r\n
            Given these three numeric character references, and two character entity references:<\/p>\r\n
              \r\n\t
            • &#x2019;<\/code><\/li>\r\n\t
            • &#8217;<\/code><\/li>\r\n\t
            • &#146;<\/code><\/li>\r\n\t
            • &rsquo;<\/code><\/li>\r\n\t
            • &apos;<\/code><\/li>\r\n<\/ul>\r\n
                \r\n\t
              1. Which ones are  invalid for an HTML 4.01 document?<\/li>\r\n\t
              2. Which ones are  invalid for an XHTML 1.0 document?<\/li>\r\n\t
              3. Which ones are  invalid for a generic XML document? (assume no DTD or Schema)<\/li>\r\n<\/ol>\r\n\r\n
                Media Types (MIME)<\/h3>\r\n
                  \r\n\t
                1. Which of  these MIME types SHOULD NOT<\/strong> be used for an XHTML 1.1 document?\r\n\t\t
                    \r\n\t\t\t
                  • application\/xhtml+xml<\/code><\/li>\r\n\t\t\t
                  • text\/html<\/code><\/li>\r\n\t\t\t
                  • application\/xml<\/code><\/li>\r\n\t\t\t
                  • text\/xml<\/code><\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t
                  •  Using  the answer from the previous question, under what conditions MAY<\/strong> (according to the recommendation) an XHTML 1.0 document use that MIME type?<\/li>\r\n<\/ol>\r\n","protected":false},"excerpt":{"rendered":"A quiz designed to test whether or not web developers have an understanding of the basic technologies used on the web, primarily HTML, HTTP, Media Types (MIME) and character repertoires and encodings.","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[14,1,2,7],"tags":[],"_links":{"self":[{"href":"https:\/\/lachy.id.au\/log\/wp-json\/wp\/v2\/posts\/85"}],"collection":[{"href":"https:\/\/lachy.id.au\/log\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lachy.id.au\/log\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lachy.id.au\/log\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lachy.id.au\/log\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":0,"href":"https:\/\/lachy.id.au\/log\/wp-json\/wp\/v2\/posts\/85\/revisions"}],"wp:attachment":[{"href":"https:\/\/lachy.id.au\/log\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lachy.id.au\/log\/wp-json\/wp\/v2\/categories?post=85"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lachy.id.au\/log\/wp-json\/wp\/v2\/tags?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}