80 likes | 176 Views
Introduction to XHTML. Professor Stephen Kwan. XHTML. Structure. Format. Content. Style Sheets. HTML. Dynamic. XML. Scripts & Document Object Model (DOM). Cascading Style Sheets (CSS). Extensible Stylesheet Language (XSL). Three DTD’s for Compliance.
E N D
Introduction to XHTML Professor Stephen Kwan
XHTML Structure Format Content Style Sheets HTML Dynamic XML Scripts & Document Object Model (DOM) Cascading Style Sheets (CSS) Extensible Stylesheet Language (XSL)
Three DTD’s for Compliance Document Type Definitions Transitional Strict Frameset XHTML
Differences between XHTML and HTML • XHTML is case-sensitive, all attribute values must be in quotes, cannot minimize attribute values • XHTML elements must be in lower case • All XHTML elements must be closed • All XHTML elements must be properly nested. <title> must be first element in <head> • A DOCTYPE of Strict, Transitional or Frameset DTD must be specified • A namespace must be specified for the document’s schema
XHTML Document Prototype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN“ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- Author: Stephen Kwan File Name: deitel.htm Description: Study Notes for Deitel, Deitel and Nieto Date Last Update: 09/16/2001 --> <head> <title> </title> </head> <body> </body> </html>
HTML Document Prototype <html> <!-- Author: Stephen Kwan File Name: deitel.htm Description: Study Notes for Deitel, Deitel and Nieto Date Last Update: 09/16/2001 --> <head> <title> </title> </head> <body> </body> </html>
HTML Document Preparation TextPad,
Dynamic HTML Netscape DHTML Microsoft I.E. DHTML • Use HTML and Scripting - use Browser only • Cross platform • and browser • Enhance the visual appeal and interactivity of document CSS Level 1 JavaScript 1.2 CSS-P Visual Filters Dynamic CSS Layers JSS Cross-Browser DHTML