XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.

Slides:



Advertisements
Similar presentations
CSCI N241: Fundamentals of Web Design Copyright ©2004 Department of Computer & Information Science Introducing XHTML: Module B: HTML to XHTML.
Advertisements

HTML/XML XHTML Authoring. Creating Tables  Table: An arrangement of horizontal rows and vertical columns. The intersection of a row and a column is called.
 Fundamentals of Web Design.  Describe the history and theory of XHTML  Understand the rules for creating valid XHTML documents  Apply a DTD to an.
History Leading to XHTML
Upgrading to XHTML DECO 3001 Tutorial 1 – Part 2 Presented by Ji Soo Yoon 19 February 2004 Slides adopted from
Tutorial 9 Working with XHTML
XHTML 16-Apr-17.
XHTML1 Building Document Structure. XHTML2 Objectives In this chapter, you will: Learn how to create Extensible Hypertext Markup Language (XHTML) documents.
17-Jun-15 XHTML 2 What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML.
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
Creating a Well-Formed Valid Document. 2 Objectives Introducing XHTML Creating a Well-Formed Document Creating a Valid Document Creating an XHTML Document.
Tutorial 11 Creating XML Document
Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
Topics The "bigger picture" –The "XML sales pitch" –XML/XHTML vs. SGML/HTML –XML in electronic publishing –XML and the future, web 2.0 XML basics: –Building.
Working with Namespaces Combining XML Vocabularies in a Compound Document.
WORKING WITH NAMESPACES
XP New Perspectives on XML Tutorial 4 1 XML Schema Tutorial – Carey ISBN Working with Namespaces and Schemas.
XP New Perspectives on XML Tutorial 3 1 DTD Tutorial – Carey ISBN
Working with XHTML Creating a Well-Formed Valid Document.
XP Tutorial 9New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
XP The University of Akron Summit College Business Technology Department Computer Information Systems 2440: 140 Internet Tools Instructor: Enoch E. Damson.
Why XML ? Problems with HTML HTML design - HTML is intended for presentation of information as Web pages. - HTML contains a fixed set of markup tags. This.
 XHTML is aimed to replace HTML  XHTML is almost identical to HTML 4.01  XHTML is a stricter and cleaner version of HTML  XHTML is HTML defined as.
2440: 211 Interactive Web Programming Introduction to the Internet & the World Wide Web.
XP 1 CREATING AN XML DOCUMENT. XP 2 INTRODUCING XML XML stands for Extensible Markup Language. A markup language specifies the structure and content of.
1 © Netskills Quality Internet Training, University of Newcastle Introducing XML © Netskills, Quality Internet Training University.
XHTML1 Building Document Structure Chapter 2. XHTML2 Objectives In this chapter, you will: Learn how to create Extensible Hypertext Markup Language (XHTML)
Introduction. Document Structure Overview  XML declaration (prolog)  Document type declaration  Root element (namespace)  Document header  Document.
3 XHTML.
XML 1 Enterprise Applications CE00465-M XML. 2 Enterprise Applications CE00465-M XML Overview Extensible Mark-up Language (XML) is a meta-language that.
1 XHTML محمد احمدی نیا 2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 9: Working With XHTML.
XP 1 DECLARING A DTD A DTD can be used to: –Ensure all required elements are present in the document –Prevent undefined elements from being used –Enforce.
What is XML?  XML stands for EXtensible Markup Language  XML is a markup language much like HTML  XML was designed to carry data, not to display data.
Tutorial 1: XML Creating an XML Document. 2 Introducing XML XML stands for Extensible Markup Language. A markup language specifies the structure and content.
1 Tutorial 13 Validating Documents with DTDs Working with Document Type Definitions.
XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
XML 2nd EDITION Tutorial 1 Creating An Xml Document.
Lesson 4.
IT Engineering I Instructor: Rezvan Shiravi
XP 1 Creating an XML Document Developing an XML Document for the Jazz Warehouse XML Tutorial.
XP New Perspectives on XML, 2nd Edition Tutorial 2 1 TUTORIAL 2 WORKING WITH NAMESPACES.
1 Introduction to XML XML stands for Extensible Markup Language. Because it is extensible, XML has been used to create a wide variety of different markup.
XML Design Goals 1.XML must be easily usable over the Internet 2.XML must support a wide variety of applications 3.XML must be compatible with SGML 4.It.
1 Tutorial 11 Creating an XML Document Developing a Document for a Cooking Web Site.
1 Tutorial 12 Working with Namespaces Combining XML Vocabularies in a Compound Document.
Internet & World Wide Web How to Program, 5/e. © by Pearson Education, Inc. All Rights Reserved.2.
Web Technologies Lecture 4 XML and XHTML. XML Extensible Markup Language Set of rules for encoding a document in a format readable – By humans, and –
1 Compound Documents: Combining XML Vocabularies.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 2: Markup Language and Site Development Essentials © 2007 Prosoft Learning Corporation All.
Unit 3 — Advanced Internet Technologies Lesson 10 — Introduction to XHTML.
Tutorial 9 Working with XHTML. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Describe the history and theory of XHTML.
CIS 228 The Internet 9/20/11 XHTML 1.0. “Quirks” Mode Today, all browsers support standards Compliant pages are displayed similarly There are multiple.
Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved Chapter 7 Representing Web Data:
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
XP 1Creating Web Pages with XML Tutorial 1 New Perspectives on XML Tutorial 1 – Creating an XML Document.
XML Extensible Markup Language
Extensible Markup Language (XML) Pat Morin COMP 2405.
CIS 228 The Internet 9/20/11 XHTML 1.0.
Creating a Well-Formed Valid Document
CITA 330 Section 3 XHTML.
Tutorial 9 Working with XHTML
Tutorial 9 Working with XHTML
Creating an XML Document
Web Programming Maymester 2004
Tutorial 9 Working with XHTML
محمد احمدی نیا XHTML محمد احمدی نیا
Presentation transcript:

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 2 Objectives Introducing XHTML Creating a Well-Formed Document Creating a Valid Document Creating an XHTML Document Testing an XHTML Document Using Style Sheets and XHTML

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 3 Introducing XHTML SGML (Standard Generalized Markup Language) –can be used with almost any type of document stored in almost any format –Introduced in the 1980s –Metalanguage– used to created other languages HTML –standards get confusing among browsers – can be applied inconsistently

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 4 Introducing XHTML XML (Extensible Markup Language) –used to design markup languages XML documents must be evaluated with an XML parser. An XML document with correct syntax is a well- formed document. A well-formed document with correct content and structure is a valid document. DTD specifies correct content and structure.

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 5 Introducing XHTML XHTML is a reformulation of HTML, written in XML. Versions of XHTML

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 6 Creating a Well-Formed Document Rules for well-formed XHTML documents

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 7 Creating a Well-Formed Document XHTML documents must also include a single root element that contains all other elements. –For XHTML, that root element is the html element. Attribute minimization is when some attributes lack attribute values. –XHTML doesn’t allow attribute minimization.

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 8 Attribute minimization in HTML and XHTML

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 9 Creating a Valid Document The DTD used depends on the content of the document and the needs of your users. To support old browsers, use the transitional DTD. To support old browsers in a framed Web site, use the frameset DTD. To support more current browsers and want to weed out any use of deprecated features, use the strict DTD.

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 10 Creating a Valid Document Some attributes are restricted, while others are required in XHTML

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 11 Attributes prohibited in the strict DTD

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 12 Required XHTML attributes

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 13 Creating an XHTML Document The first line of an XTHML document should contain a declaration indicating that the document adheres to the rules and syntax of XML. XML (and thus XHTML) documents are based on a character set. –A character set is a set of abstract symbols matched to code numbers

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 14 Character Sets Universal Character Set (UCS) Unicode Character encoding is the process in which bytes are translated back into characters (when a document is sent across the Internet).

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 15 The XML Declaration You can also add the DOCTYPE declaration, which tells XML parsers what DTD is associated with the document.

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 16 The xml Namespace A namespace is a unique identifier for elements and attributes originating from a particular document type (like XHTML or MathML) Two types of namespaces: - default: applied to a root element and any element within it

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 17 The xml Namespace local: applies to only select elements - Each element in the local namespace is marked by a prefix attached to the element name xmlns: prefix=“namespace” - Identify any element belonging to that namespace by modifying the element name in the tag: prefix:element

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 18 Testing an XHTML Document To test your document, you need to send the file to an XML parser or an XHTML validator. Sometimes the same mistake results in several errors are noted in the report. - fixing one mistake can solve several errors.

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 19 Fixing the errors in the paragraph elements

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 20 Report showing a successful validation under XHTML 1.0 transitional

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 21 Testing an XHTML Document To test under another DTD, you’ll need to change the DOCTYPE declaration. Changing the DOCTYPE declaration to XHTML 1.0 strict

XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 22 Using Style Sheets and XHTML Parsed character data (PCDATA) is text parsed by a browser or parser. Unparsed character data (CDATA) is text not processed by the browser or parser.