Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook

(Nora) #1

62 CHAPTER 2 Getting started with HTML5


Answers


This section contains the answers to the lesson review questions in this chapter.

Lesson 1



  1. Correct answer: C
    A. Incorrect: Although this example would work today, it’s possible that a vin attri-
    bute could be introduced by a future version of HTML that would cause a conflict.
    B. Incorrect: You cannot use the id attribute as an expando attribute because the id
    attribute is already defined by the HTML5 specification to provide a unique identi-
    fier to an element.
    C. Correct: This is a properly defined expando attribute that will not conflict with
    attributes introduced by future versions of HTML because the attribute name is
    prefixed with “data-“ as required by the HTML specification.
    D. Incorrect: Although this example would work today, it’s possible that a vin attri-
    bute could be introduced by a future version of HTML that would cause a conflict.

  2. Correct answer: A
    A. Correct: HTML5 is preceded by and derived from HTML 4.01.
    B. Incorrect: Although HTML’s root is SGML, which means that HTML5 is derived
    from SGML, HTML5 is preceded by HTML 4.01.
    C. Incorrect: Although XHTML 1.0 was released after HTML 4.01, HTML5 does not
    inherit from XHTML1.0.
    D. Incorrect: Although XHTML1.0 inherits from XML, HTML5 does not.

  3. Correct answer: D
    A. Incorrect: The element is the root element for your HTML5 document, but
    it should be listed after you indicate the document type to the browser.
    B. Incorrect: The tag must be contained within the element, so it
    cannot be located at the beginning of the HTML5 document.
    C. Incorrect: The tag must be contained within the <head> element, so it can-<br /> not be located at the beginning of the HTML5 document.<br /> D. Correct: The <!DOCTYPE html> indicates to the browser that this is an HTML5<br /> document.</li><br /> <li>Correct answers: A, B, and D<br /> A. Correct: The use of disabled by itself, with no value, is the minimized method for<br /> implementing Boolean attributes.<br /> B. Correct: The use of disabled with an empty value is one way to implement Boolean<br /> attributes by using quoted form.</li><br /> </ol> </div> <meta itemprop='headline' content="p 84: Lesson 1 - Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook - free download pdf - issuhub"> </div> <div role="navigation" itemscope itemtype="http://schema.org/SiteNavigationElement"> <span itemprop="url"><b><a href="/view/index?id=4154&pageIndex=83" rel="previous" itemprop="name">← Previous</a></b></span> <span itemprop="url" class="mx-3"><b><a href="/view/index?id=4154&pageIndex=85" rel="next" itemprop="name">Next →</a></b></span> </div> <div style=" text-align: center; margin: 20px auto; padding: 13px; width: 240px; font-size: 20px; "> <a class="page-link" style="background-color: #72bf86;" target="_blank" href="/view/index?id=4154&pageIndex=83#bookdownload" title="Free download pdf" >Free download pdf</a> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="col-lg-3 ml-lg-auto mb-5 mb-lg-0"> <div class="mb-4"> <h5 class="text-dark">Get our desktop app</h5> </div> <a class="btn btn-icon btn-indigo rounded-circle mr-2" target="_blank" href="/download/issuhub.dmg"> <i class="fa fa-apple"></i> </a> <a class="btn btn-icon btn-indigo rounded-circle" target="_blank" href="/download/issuhub.exe"> <i class="fa fa-windows"></i> </a> </div> <div class="col-6 col-md-3 col-lg mb-5 mb-lg-0"> <h5 class="text-dark">Company</h5> <!-- Nav Link --> <ul class="list-unstyled mb-0"> <li class="my-2"><a href="/about">About</a></li> <li class="my-2"><a href="/contact">Contact</a></li> <li class="my-2"><a href="/news/index">News</a></li> </ul> <!-- End Nav Link --> </div> <div class="col-6 col-md-3 col-lg mb-5 mb-lg-0"> <h5 class="text-dark">Features</h5> <!-- Nav Link --> <ul class="list-unstyled mb-0"> <li class="my-2"><a href="/quick">Quick Start</a></li> <li class="my-2"><a href="/desktop">Desktop</a></li> <li class="my-2"><a href="/editor-help">Editor</a></li> </ul> <!-- End Nav Link --> </div> <div class="col-6 col-md-3 col-lg"> <h5 class="text-dark">Documentation</h5> <!-- Nav Link --> <ul class="list-unstyled mb-0"> <li class="my-2"><a href="/support/index">Support</a></li> <li class="my-2"><a href="/site/pricing">Pricing</a></li> </ul> <!-- End Nav Link --> </div> <div class="col-6 col-md-3"> <h5 class="text-dark">Resources</h5> <!-- Nav Link --> <ul class="list-unstyled mb-0"> <li class="my-2"> <a href="/tutorial" target="_blank"> <span class="media align-items-center"> <i class="fa fa-info-circle mr-2"></i> <span class="media-body">Tutorial</span> </span> </a> </li> <li class="my-2"> <a href="/site/login"> <span class="media align-items-center"> <i class="fa fa-user-circle mr-2"></i> <span class="media-body">Your Account</span> </span> </a> </li> </ul> <!-- End Nav Link --> </div> </div> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="col-md-6 mb-4 mb-md-0"> <!-- Nav Link --> <ul class="nav nav-sm nav-white nav-x-sm align-items-center"> <li class="my-2"> <a href="/privacy">Privacy & Policy</a> </li> <li class=" opacity my-2 mx-3">/</li> <li class="my-2"> <a href="/terms">Terms</a> </li> </ul> <!-- End Nav Link --> </div> <div class="col-md-6 text-md-right"> <ul class="list-inline mb-0"> <!-- Social Networks --> <li class="list-inline-item"> <a class="btn btn-xs btn-icon btn-soft-light" href="https://www.facebook.com/Issuhub-Flipbook-2315543688769343/"> <i class="fa fa-facebook text-dark"></i> </a> </li> <li class="list-inline-item"> <a class="btn btn-xs btn-icon btn-soft-light" href="https://twitter.com/IssuhubBooks"> <i class="fa fa-twitter text-dark"></i> </a> </li> <!-- End Social Networks --> </ul> </div> </div> <!-- Copyright --> <div style="text-align: center;"> <div >© ISSUHUB. 2024. All rights reserved.</div> </div> <!-- End Copyright --> </div> </div> </div> </div> <script src="/assets/6df76c57/assets/js/vendors/jquery-3.2.1.min.js"></script> <script src="/assets/6df76c57/assets/js/vendors/bootstrap.bundle.min.js"></script></body> </html>