Web Development and Design Foundations with XHTML, 5th Edition

(Steven Felgate) #1

(^580) Appendix A XHTML Reference
declaration is recommended by the W3C to be the first line in a Web page document.
However, in practice, this line is omitted and, instead, a metatag that indicates
character encoding is typically coded in the header section of the Web page.
The DOCTYPE(DTD) Tag
The DOCTYPEor DTDtag identifies the markup language used in a document. Three
DTDs are valid in XHTML. They are listed in Table A.1.
The Ta g



The tag contains the code that describes the Web page document. The tag also
describes the location of the documentation for the elements being used (called the XML
namespace or xmlns). This additional information is added to the tag in the form
of an xmlnsattribute. The xmlnsattribute points to the URL of the XHTML namespace
used in the document, the standard “http://www.w3.org/1999/xhtml.” Optionally, you
can add attributes to specify the language of the document (for example, English is “en,”
German is “de”) to assist the interpreting of page content by search engines and screen
readers. The lang and xml:langattributes are used for this purpose. See [http://www.loc.](http://www.loc.)
gov/standards/iso639-2/php/English_list.php for a list of language codes. The tag
is the first tag in a Web page after the DOCTYPE tag. For example:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

... the rest of your web page goes here ...

The Ta g

The tag is required and encloses the header area of a Web page document. The
main purpose of the header area is to describe the document. The header usually con-
tains and metatags. It may also contain JavaScript code and CSS.<br /> The <body>Ta g<br /> <body></body><br /> The <body>tag is required and contains the body area of a Web page document—the<br /> part of the document that is displayed in the browser window. It can contain many dif-<br /> ferent types of XHTML tags along with text and JavaScript.<br /> <h3>A.4 Header Section Tags</h3><br /> <pre><code>The <title>Ta g<br /> <title></title><br /> The <title> tagcontains the title of the page, which displays in the browser’s title bar.<br /> This tag must be the first tag in the header section.</code></pre> </div> <meta itemprop='headline' content="p 599: A.4 Header Section Tags - Web Development and Design Foundations with XHTML, 5th Edition - free download pdf - issuhub"> </div> <div role="navigation" itemscope itemtype="http://schema.org/SiteNavigationElement"> <span itemprop="url"><b><a href="/view/index?id=22711&pageIndex=598" rel="previous" itemprop="name">← Previous</a></b></span> <span itemprop="url" class="mx-3"><b><a href="/view/index?id=22711&pageIndex=600" 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=22711&pageIndex=598#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. 2025. 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>