CIS 228 The Internet 9/20/11 XHTML 1.0.

Slides:



Advertisements
Similar presentations
XML-XSL Introduction SHIJU RAJAN SHIJU RAJAN Outline Brief Overview Brief Overview What is XML? What is XML? Well Formed XML Well Formed XML Tag Name.
Advertisements

1 HTML Standards & Compliance. 2 Minimum Required HTML tags: (must go in this order!)
 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
Tutorial 9 Working with XHTML
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.
F DIGITAL MEDIA: COMMUNICATION AND DESIGN INTRODUCTION TO XML AND XHTML.
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.
Structure Content Presentation Semantics.
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.
 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.
1 © Netskills Quality Internet Training, University of Newcastle Introducing XML © Netskills, Quality Internet Training University.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
XHTML Instructor: Charles Moen CSCI/CINF XHTML  A stricter version of HTML  Extensible HTML  The XHTML specification is maintained by the World.
Introduction. Document Structure Overview  XML declaration (prolog)  Document type declaration  Root element (namespace)  Document header  Document.
1 XHTML محمد احمدی نیا 2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML.
XHTML Web and Database Management System. HTML’s History HTML was initially defined by Tim-Berners-Lee in 1990 at CERN (European Organization for Nuclear.
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.
XML TUTORIAL Portions from w3 schools By Dr. John Abraham.
XHTML 1.1  Derived from Standard Generalized Markup Language (SGML) of ISO  XHTML concerned primary with content rather than presentation and style 
XHTML By Trevor Adams. Topics Covered XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.
XML CSC1310 Fall HTML (TIM BERNERS-LEE) HyperText Markup Language  HTML (HyperText Markup Language): December  Markup  Markup is a symbol.
XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
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.
Introduction to XML Jussi Pohjolainen TAMK University of Applied Sciences.
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.
INT222 – Internet Fundamentals
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
History of the Browser WorldWideWeb 1991 (Tim Berners-Lee, Cern) Mosaic 1993 (Marc Andreessen, NCSA) Netscape Navigator 1994 (Marc Andreessen) Opera 1994,
CIS 228 The Internet 1/15/11 HTML URL's Uniform Resource Locator protocol://domain:port/path#fragment Protocol – a scheme for exchanging information.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
Extensible Markup Language (XML) Pat Morin COMP 2405.
XML BASICS and more…. What is XML? In common:  XML is a standard, simple, self-describing way of encoding both text and data so that content can be processed.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
What is XHTML? XHTML stands for Extensible Hypertext Markup Language
CSE 102 Introduction to Web Design and Programming
Creating a Well-Formed Valid Document
Tutorial 9 Working with XHTML
Web Development & Design Foundations with HTML5 8th Edition
Tutorial 9 Working with XHTML
XHTML Basics.
What is XHTML?.
Web Development & Design Foundations with HTML5 8th Edition
XHTML for Content Structure
XHTML Basics.
XHTML
XHTML Basics.
Introducing HTML & XHTML:
The Internet Day 8, 9/22 Review HFHTML ch 1 - 7
Web Programming Maymester 2004
Tutorial 9 Working with XHTML
Introduction There are several good reasons for taking CS142: Web Applications: You will learn a variety of interesting concepts. It may inspire you to.
Instructor: Charles Moen
XHTML Basics.
CS3220 Web and Internet Programming HTML and XML Basics
Creating a Basic Web Page
XHTML Basics.
XHTML 7-May-19.
XHTML Basics.
XHTML 29-May-19.
محمد احمدی نیا XHTML محمد احمدی نیا
Web Design & Development
Creating Web Documents
Presentation transcript:

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 standards HTML 4, HTML 4.01, XHTML 1.0, XHTML 1.1, … Browsers need to know which standard a page adheres to Browsers still need to support old web pages Each browser does this differently (and slowly) To avoid “quirks” mode DOCTYPE announces the standard your page uses Make sure your page obeys that standard.

DOCTYPE On the top line of your html file HTML 4.01 (transitional) Only a handfull to choose from Spelling (including capitalization) must be identical HTML 4.01 (transitional) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML 4.01 (strict) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> XHTML 1.0 (strict) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML 4.01 Compliance Issues Images need an alt attribute Specify a character encoding <meta http-equiv=”Content-Type” content=“text/html; charset=utf-8”> Don't leave off end (or start) tag html element required Containing head and body elements (and nothing else) title element required in head element Only block elements nest directly in body or blockquote Block elements cannot be in p or inline elements a elements cannot contain other a elements List elements (ol and ul) only contain list items (li)

XML Timeline 1960's – GML 1988 – SGML standard 1991 – HTML 1994 – World Wide Web Consortium (W3C) 1996 – XML work begins 1998 – XML 1.0 W3C recommendation 1999 – XML Namespaces W3C recommendation 2001 – XML Schema W3C recommendation

XML Replacement for SGML (HTML-like syntax) Mechanism for specifying markup languages Sub-language documents must Be well-formed XML documents Be valid wrt a document type definition Document type definition defines the sublanguage XHTML is HTML as a XML sub-language XML parsers recognize XML documents XML applications process XML documents

eXtensible Markup Language Markup language (“well-formed”) Simple rules / rigidly enforced Matching start & end tags required and must nest properly Empty tags end “/>” No special characters (<, >, &, “, ') in content Meta Markup language (“valid”) Schema (grammar) specifies document type Schema indicated by URL in DOCTYPE Different kinds of schema: DTD (Document Type Definition) XSD (XML Schema Definition)

XML Related Specifications XML Namespaces XML Base XML Information Set XPath XQuery XSLT XSL Formatting Objects XML Signature XML Encryption

XML Namespaces Disambiguated element and attribute names What do you mean by a “table”? Namespace prefix <furnature:table > <html:table> Namespace prefix definition xmlns:prefix=”URL” (the URL is just a name) Element inherit namespace definitions Default namespace definition xmlns=”URL”

XHTML 1.0 Strict Well-formed XML (empty elements end “ />”) XML declaration (optional) <?xml version="1.0" encoding="UTF-8" ?> Document Type Declaration <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > Root element <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >