Web Design
ENG 330
April 25
Today’s topics are an introduction to XML, a return to HTML5, and time to work on Dreamweaver/final projects. For XHTML, remember the basic list:Here's an HTML5 demonstration of what it can do. And here's a very tech version from Google of what it can do (best viewed with Google Chrome).XML is in widespread application, particularly for business and RSS sites, and as the engine for SVG, WML, AJAX, etc. A place to learn new technologies such as XML is the online classes at hwg.org. Here is a Sample that shows current browsers can read XML files without conversions to HTML. Then here are XML pages I wrote to show a well-formed and a valid document. This is Twelfth Night that I formatted using CSS (XSL, the style sheet DOM-based language for XML only, can also be used).
- 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="Exterior photo of City Hall" />
- 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>
- Site maintained by John Beatty