1. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 Chapter 7 Representing Web Data: XML WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE JEFFREY C. JACKSON 1

2. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Example XML document: An XML document is one that follows certain syntax rules (most of which we followed for XHTML) 2

3. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Syntax An XML document consists of –Markup Tags, which begin with References, which begin with & and end with ; –Character, e.g. –Entity, e.g. < »The entities lt, gt, amp, apos, and quot are recognized in every XML document. »Other XHTML entities, such as nbsp, are only recognized in other XML documents if they are defined in the DTD –Character data: everything not markup 3

4. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Syntax Comments –Begin with <!-- –End --> –Must not contain – CDATA section –Special element the entire content of which is interpreted as character data, even if it appears to be markup –Begins with <![CDATA[ –Ends with ]]> (illegal except when ending CDATA) 4

5. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Syntax The CDATA section is equivalent to the markup 5

6. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Syntax < and & must be represented by references except –When beginning markup –Within comments –Within CDATA sections 6

7. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Syntax Element tags and elements –Three types Start, e.g. End, e.g. Empty element, e.g. –Start and end tags must properly nest –Corresponding pair of start and end element tags plus everything in between them defines an element –Character data may only appear within an element 7

8. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Syntax Start and empty-element tags may contain attribute specifications separated by white space –Syntax: name = quoted value –quoted value must not contain <, can contain & only if used as start of reference –quoted value must begin and end with matching quote characters ( ‘ or “ ) 8

9. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Syntax Element and attribute names are case sensitive XML white space characters are space, carriage return, line feed, and tab 9

10. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Documents A well-formed XML document –follows the XML syntax rules and –has a single root element Well-formed documents have a tree structure Many XML parsers (software for reading/writing XML documents) use tree representation internally 10

11. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Documents An XML document is written according to an XML vocabulary that defines –Recognized element and attribute names –Allowable element content –Semantics of elements and attributes XHTML is one widely-used XML vocabulary Another example: RSS (rich site summary) 11

12. sibling $2.50 20 $1.50 10 $4.50 60 Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 12

13. Sibling ex Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 13

14. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Documents 14

15. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Documents 15

16. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Documents Valid names and content for an XML vocabulary can be specified using –Natural language –XML DTDs (Chapter 2) –XML Schema (Chapter 9) If DTD is used, then XML document can include a document type declaration: 16

17. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Documents Two types of XML parsers: –Validating Requires document type declaration Generates error if document does not –Conform with DTD and –Meet XML validity constraints »Example: every attribute value of type ID must be unique within the document –Non-validating Checks for well-formedness Can ignore external DTD 17

18. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Documents Good practice to begin XML documents with an XML declaration –Minimal example: –If included, < must be very first character of the document –To override default UTF-8/UTF-16 character encoding, include encoding declaration following version: 18

19. 19 XML building blocks Aside from the directives, an XML document is built from: –elements: high in 103 –tags, in pairs: 103 –attributes: 103 –entities: Sunny & hot –character data, which may be: parsed (processed as XML)--this is the default unparsed (all characters stand for themselves)

20. 20 Elements and attributes Attributes and elements are somewhat interchangeable Example using just elements: David Matuszek Example using attributes: You will find that elements are easier to use in your programs--this is a good reason to prefer them Attributes often contain metadata, such as unique IDs Generally speaking, browsers display only elements (values enclosed by tags), not tags and attributes

21. 21 Entities Five special characters must be written as entities: & for & (almost always necessary) < for < (almost always necessary) > for > (not usually necessary) " for " (necessary inside double quotes) &apos; for ' (necessary inside single quotes) These entities can be used even in places where they are not absolutely required These are the only predefined entities in XML

22. 22 Processing instructions PIs (Processing Instructions) may occur anywhere in the XML document (but usually first) A PI is a command to the program processing the XML document to handle it in a certain way XML documents are typically processed by more than one program Programs that do not recognize a given PI should just ignore it General format of a PI: Example:

23. 23 Comments Comments can be put anywhere in an XML document Comments are useful for: –Explaining the structure of an XML document –Commenting out parts of the XML during development and testing Comments are not elements and do not have an end tag The blanks after are optional The character sequence -- cannot occur in the comment The closing bracket must be --> Comments are not displayed by browsers, but can be seen by anyone who looks at the source code

24. 24 CDATA By default, all text inside an XML document is parsed You can force text to be treated as unparsed character data by enclosing it in Any characters, even & and <, can occur inside a CDATA Whitespace inside a CDATA is (usually) preserved The only real restriction is that the character sequence ]]> cannot occur inside a CDATA CDATA is useful when your text has a lot of illegal characters (for example, if your XML document contains some HTML text)

25. XML Namespaces To solve name conflicts using namespace Syntax: xmlns:prefix="URI". When using prefixes in XML, a so- called namespace for the prefix must be defined. The namespace is defined by the xmlns attribute in the start tag of an element. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 25

26. example Apples Bananas Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 26

27. African Coffee Table 80 120 Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 27

28. Uniform Resource Identifier (URI) A Uniform Resource Identifier (URI) is a string of characters which identifies an Internet Resource. The most common URI is the Uniform Resource Locator (URL) which identifies an Internet domain address. Another, not so common type of URI is the Universal Resource Name (URN). Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 28

29. Default Namespaces Syntax: xmlns="namespaceURI“ Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 29

30. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Namespaces XML Namespace: Collection of element and attribute names associated with an XML vocabulary Namespace Name: Absolute URI that is the name of the namespace –Ex: http://www.w3.org/1999/xhtml is the namespace name of XHTML 1.0http://www.w3.org/1999/xhtml Default namespace for elements of a document is specified using a form of the xmlns attribute: 30

31. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Namespaces Another form of xmlns attribute known as a namespace declaration can be used to associate a namespace prefix with a namespace name: Namespace prefix Namespace declaration 31

32. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Namespaces Example use of namespace prefix: 32

33. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Namespaces In a namespace-aware XML application, all element and attribute names are considered qualified names –A qualified name has an associated expanded name that consists of a namespace name and a local name –Ex: item is a qualified name with expanded name –Ex: xhtml:a is a qualified name with expanded name 33

34. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Namespaces Other namespace usage: A namespace can be declared and used on the same element 34

35. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML Namespaces Other namespace usage: A namespace prefix can be redefined for an element and its content These elements belong to http://www.example.org/namespace 35

36. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 JavaScript and XML JavaScript DOM can be used to process XML documents JavaScript XML Dom processing is often used with XMLHttpRequest –Host object that is a constructor for other host objects –Sends an HTTP request to server, receives back an XML document 36

37. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 JavaScript and XML Example use: –Previous visit count servlet: must reload document to see updated count –Visit count with XMLHttpRequest : browser will automatically update the visit count periodically without reloading the entire page 37

38. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 JavaScript and XML Ajax: Asynchronous JavaScript and XML Combination of –(X)HTML –XML –CSS –JavaScript –JavaScript DOM (HTML and XML) –XMLHttpRequest in ansynchronous mode 38

39. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 Java-based DOM Java DOM API defined by org.w3c.dom package Semantically similar to JavaScript DOM API, but many small syntactic differences –Nodes of DOM tree belong to classes such as Node, Document, Element, Text –Non-method properties accessed via methods Ex: parentNode accessed by calling getParentNode() 39

40. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 Java-based DOM Methods such as getElementsByTagName() return instance of NodeList –getLength() method returns # of items –item() method returns an item 40

41. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 Java-based DOM Default parser is non-validating and non- namespace-aware. 41

42. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XSL The Extensible Stylesheet Language (XSL) is an XML vocabulary typically used to transform XML documents from one form to another form XSL document Input XML document XSLT Processor Output XML document 42

43. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XSL Components of XSL: –XSL Transformations (XSLT): defines XSL namespace elements and attributes –XML Path Language (XPath): used in many XSL attribute values (ex: child::message ) –XSL Formatting Objects (XSL-FO): XML vocabulary for defining document style (print- oriented) 43

44. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML and Browsers An XML document can contain a processing instruction telling a browser to: –Apply XSLT to create an XHTML document: 44

45. Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved. 0-13-185603-0 XML and Browsers An XML document can contain a processing instruction telling a browser to: –Apply CSS to style the XML document: 45