80 likes | 186 Vues
This resource offers an in-depth overview of XHTML, covering its essential components including structure, formatting, and stylesheets. Learn about the differences between XHTML and HTML, including case sensitivity, attribute quotation requirements, and proper element closure and nesting. Explore the significance of Document Type Definitions (DTD) such as Strict, Transitional, and Frameset. Delve into the Document Object Model (DOM), dynamic scripting, and cascading style sheets (CSS), providing a complete understanding of modern web development practices.
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