Future Markup Steven Pemberton CWI Amsterdam Chair W

Future Markup Steven Pemberton CWI, Amsterdam Chair, W 3 C HTML Working Group

HTML as an SGML Application z. SGML: an international standard in 1986 z. It is a Meta-language that describes data formats, using DTD’s (Document Type Definitions) z. Describes structure, not presentation <H 1>HTML as SGML Application</H 1> z. Used for HTML in early 1990’s

HTML z. Netscape and Microsoft start adding to HTML: mostly presentation-oriented tags (like <BLINK>) z. The World Wide Web Consortium (W 3 C) started effort to: y. Keep HTML Pure y. Do presentation via Cascading Style Sheets (CSS)

CSS z. CSS is a separate language from HTML that allows you to specify how an HTML document, or set of documents, should look z. Separates content from presentation z. HTML is a structure language again

Advantages of CSS z. Makes HTML easier to write (and read) z. You can define a house style z. Compatible: you can still see the content on non-CSS browsers z. Pages are much smaller z. Accessible to sight-impaired z. . .

By the way. . . z. Check your logs: more than 90% of people browsing now use a CSS-enabled browser z. You never need to use the and <FONTFACE> elements again!

Documents z. HTML was designed for just one sort of document (scientific reports), but is now being used for all sorts of different documents z. You could use SGML to define other sorts of document, but SGML is notoriously hard to fully implement

Enter XML z. XML is a W 3 C effort to simplify SGML z. It is a meta-language, a subset of SGML z. One of the aims is to allow everyone to invent their own tags z. DTD is optional: a DTD can be inferred from a document

Consequences z. The requirement of being able to infer a DTD from a document has an effect on the languages you can define: y. Closing tags are now required <LI>. . </LI> . . y. Empty tags are marked specially <IMG SRC=”pic. gif”/> <HR/> (or <HR></HR> etc)

Consequences 2 z. CDATA sections must be marked as such (if they contain “<”, “&” etc. ): <SCRIPT> <![CDATA[ . . . script content. . . ]]> </SCRIPT>

By the way: is not like Not Like This <H 1>XML</H 1> An underlying problem with HTML is that. . . You could use SGML to define. . . But Like This <H 1>XML</H 1> An underlying problem with HTML is that … You could use SGML to define. . .

Consequence of XML z. Anyone can now design a (Web-delivered) language z. CSS makes it viewable <address> <name>Steven Pemberton</name> <company>CWI</company> <street>Kruislaan 413</street> <postcode>1098 SJ</postcode> <city>Amsterdam</city> <speaker/> </address>

So do we still need HTML? z. XML is still a meta-language z. There is still a perceived need for a baseline mark-up z. HTML has some useful semantics, both implied and explicit (search engines gladly use it, for instance)

HTML as XML application z. Clean up (get rid of historical flotsam) z. Modularise – split into separate parts y. Allows other XML applications to use parts y. Allows special purpose devices to use subset z. Add any required new functionality (forms, better event handling, Ruby)

Differences HTML: XHTML z. Because of the difference between SGML and XML, there are some necessary differences, for instance: y. Use lower case: not y. Attributes are always quoted: <th colspan=” 2”> y. Anchors use id attribute not name (and not just on <a> by the way): <a id=”index”>

Example <!DOCTYPE html PUBLIC "-//W 3 C//DTD XHTML 1. 0 Strict//EN" "http: //www. w 3. org/TR/xhtml 1/DTD/strict. dtd"> <html xmlns="http: //www. w 3. org/1999/xhtml"> <head><title>Virtual Library</title></head> <body> Moved to <a href="http: //vlib. org/">vlib. org</a>. </body> </html>

Namespaces <html xmlns="http: //www. w 3. org/1999/xhtml"> <head><title>A Math Example</title></head> <body> The following is Math. ML markup: <math xmlns="http: //www. w 3. org/TR/REC-Math. ML"> <apply><log/><logbase><cn> 3 </cn> </logbase> <ci> x </ci> </apply> </math> </body> </html>

Semantics Differences z. Presentation use CSS z. Links use Xlink or Schemas z. Forms use CSS? z. Images etc. use Xlink z(Natural) language of elements use xml: lang attribute

Transition z. XHTML 1. 0 has been carefully designed to make use of ‘quirks’ in existing HTML browsers z. Use of a small number of guidelines allows XHTML to be served to HTML browsers

Examples of Guidelines z. Use space before / of empty elements: <hr /> <img src=”foo. gif” /> z. Use name= and id= on <a>: <a name= ”index” id= ”index”> … </a>

Conclusions z. XML with related technologies gives you the freedom to define and deliver your own document types z. HTML is still needed as a base-line markup z. The new HTML gives a transition path to the future

The State of Things z. New generation of XML+CSS browsers emerging z. Many XML applications appearing z. Major companies planning XML as output (Adobe PDF, MS Office 2000) z. Now: HTML 4 as XML, Conversion software z. This year: Modules, Subsets, Extensions, Profiles, New Forms

To Find Out More z. All XHTML developments are made public at www. w 3. org/Markup z. Members of W 3 C can also look at www. w 3. org/Markup/Group