 Fundamentals of Web Design.  Describe the history and theory of XHTML  Understand the rules for creating valid XHTML documents  Apply a DTD to an.

Presentation on theme: " Fundamentals of Web Design.  Describe the history and theory of XHTML  Understand the rules for creating valid XHTML documents  Apply a DTD to an."— Presentation transcript:

1  Fundamentals of Web Design

2  Describe the history and theory of XHTML  Understand the rules for creating valid XHTML documents  Apply a DTD to an XHTML document  Understand how to apply the XHTML namespace  Test an XHTML document under the transitional DTD  Test an XHTML document under the strict DTD  Explore the use of character and parsed character data

3  SGML (Standard Generalized Markup Language)  Introduced in the 1980s  Not a markup language; rather, it is a language to create markup languages  Device-independent and system-independent o In Theory, documents can be used on any type of device with any type of operating system.

4  Difficult language to learn and apply because of its power, range, and flexibility  SGML is not intended for the World Wide Web.  SGML is limited to organizations (heavy industrial and commercial) that can afford the cost and overhead of maintaining complex SGML environments.

5  XML (Extensible Markup Language) is a lightweight cut- down version of SGML which keeps enough of its functionality to make it useful but removes all the optional features which make SGML too complex to program for in a Web.  Combining the strengths of HTML and XML, XHTML was developed. XHTML is HTML redesigned as XML.  XHTML (EXtensible HyperText Markup Language)

6 The first line of an XTHML document should contain a declaration indicating that the document follows the rules and syntax of XML. XML (and thus XHTML) documents are based on a character set – A character set is a set of abstract symbols matched to code numbers

7 Universal Character Set (UCS) Unicode Character encoding is the process in which bytes are translated back into characters (when a document is sent across the Internet)

8 To declare that a document is written in XML, enter the following as the first line of the file: – – Version attribute indicates the XML version of the document – Encoding attribute specifies the character encoding, Standalone attribute indicates whether the document contains references to an external DTD

9 For XHTML documents, use the declaration:

10 XML documents must be evaluated with an XML parser (program that checks document for errors) An XML document with correct syntax is a well-formed document A well-formed document with correct content and structure is a valid document DTD (Document type Definition) specifies correct content and structure

11

12 - Transitional: supports many of the presentational features of HTML, including the deprecated elements and attributes. Best used for older documents that contain deprecated features. - Frameset: used for documents containing frames, and also supports deprecated elements and attributes - Strict: does not allow any presentational features or deprecated HTML elements and attributes. Does not support frames or inline frames. It is best used for documents that need to strictly conform to the latest standards

13 The DTD used depends on the content of the document and the needs of your users To support old browsers, use the transitional DTD To support old browsers in a framed Web site, use the frameset DTD To support more current browsers and to weed out any use of deprecated features, use the strict DTD

14 Elements not allowed under the strict DTD: – applet- iframe – basefont- isindex – center- menu – dir- noframes – font- s – frame- strike – frameset- u

15 You can also add the DOCTYPE declaration, which tells XML parsers what DTD is associated with the document

16 A namespace is a unique identifier for elements and attributes originating from a particular document type (like XHTML or MathML) Two types of namespaces (Default and Local) : -Default: applied to a root element and any element within it -

17 Local: applies to only select elements – Each element in the local namespace is marked by a prefix attached to the element name – xmlns: prefix=“namespace” – Identify any element belonging to that namespace by modifying the element name in the tag: prefix:element

18 To set XHTML as the default namespace for a document, add the xmlns attribute to the html element with the following value: –

19 To test your document, you need to send the file to an XML parser – Several are available on the Web Sometimes the same mistake results in several errors noted in the report – Fixing one mistake can solve several errors

20   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  XML Prolog Doctype Declaration Namespace