- SVG site of the day from:
and XML site of the day from
Today’s topics are an introduction to XML, and time to work on your revised projects. For that. some of you need to go back to the basic CSS container we built in class. You then need to add the grid (#left {float: left; width: 45%; } and #right {float: left; width: 45%;}).Remember what defines the “X” version of HTML (XHTML). XHTML is HTML written to XML standards. Bold rules are the ones we retain for HTML5.
- Tags, attributes, values must be lowercase(in XML they are case-sensitive but uppercase can be used)
- Tags must be properly nested
- All “non-empty tags” must be closed (e.g. <p> needs </p>). An example of an HTML “empty tag” is <br>
- All empty tags in XHTML are written with a trailing slash: <br /> or <img src=.... />
- Values of attributes need "" e.g. <img ... alt="Photo of our cat, Larry" >
- All attributes need values, e.g. noresize="noresize"
- Plus always start files with a doctype declaration, such as
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> or <!doctype html>
Here is a Sample that shows IE5+ can read XML files without conversions to HTML. Then here are XML pages I wrote to show a well-formed and a valid document. Note that a valid document can be standalone, as in that case, or with an internal or external DTD (document type declaration) as with Twelfth Night that I formatted using CSS (XSL, the style sheet DOM-based language for XML only, can also be used).
Google's developer site has a lot that you might need to know. Not surprisingly, the Custom Search code is itself XML. And here is my Prezi on markup languages, my RSS demo (RSS is made of XML), Adobe's SVG center and an SVG file I wrote (see Pike's tutorial) and embedded in an HTML page with <object>, plus one from DART430 that embeds with <svg> (and it's 3-D CSS).
Site maintained by John Beatty