XHTML Instructor: Charles Moen CSCI/CINF 4230. 2 XHTML  A stricter version of HTML  Extensible HTML  The XHTML specification is maintained by the World.

Slides:



Advertisements
Similar presentations
Dr. Alexandra I. Cristea XHTML.
Advertisements

1 HTML Standards & Compliance. 2 Minimum Required HTML tags: (must go in this order!)
Pengantar Teknologi Mobile 13 Antonius Rachmat C, S.Kom, M.Cs 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.
XHTML. XHTML is one of the many XML-based languages that have been defined XHTML is, essentially, a “cleaned-up” version of HTML 4, reformulated using.
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.
F DIGITAL MEDIA: COMMUNICATION AND DESIGN INTRODUCTION TO XML AND XHTML.
Upgrading to XHTML DECO 3001 Tutorial 1 – Part 1 Presented by Ji Soo Yoon 19 February 2004 Slides adopted from
Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.
CS 415 N-Tier Application Development By Umair Ashraf July 16,2013 National University of Computer and Emerging Sciences Lecture # 12 HTML/ XHTML/ HTML5.
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.
CS 299 – Web Programming and Design Introduction to HTML.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Week 1 Understanding the Web Design Environment. 1-2 HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to.
XHTML - Basics Teppo Räisänen LIIKE/OAMK Introduction XHTML = eXtensible Hypertext Markup Language Transitional ~ HTML 4.01 Goal: to replace HTML.
XHTML and Forms Review – Page 1CSCI 2910 – Client/Server-Side Programming CSCI 2910 Client/Server-Side Programming Topic: Review XHTML and Forms.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
Using Html Basics, Text and Links. Objectives  Develop a web page using HTML codes according to specifications and verify that it works prior to submitting.
1 HTML intro The development of HTMLThe development of HTML The transition from HTML to XHTMLThe transition from HTML to XHTML XHTML syntax, tags, and.
XHTML1 Building Document Structure Chapter 2. XHTML2 Objectives In this chapter, you will: Learn how to create Extensible Hypertext Markup Language (XHTML)
XHTML Presentation by Kevin See June 16, XML in HTML Meeting Report  May 11, 1998  html
Introduction. Document Structure Overview  XML declaration (prolog)  Document type declaration  Root element (namespace)  Document header  Document.
3 XHTML.
Extensible HyperText Markup Language (XHTML) Laboratory of Intelligent Youn-Hee Han.
1 HTML XHTML. 2 Understand the Doctype tag Know the html tags which are now classed as depreciated Understand how Dreamweaver adds styles Add styles to.
Interfaces, Browsers & Browsing Primary Readings - Designing With Web Standards: Chapters Designing With Web Standards Class Work - Big IA vs. little.
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.
1 Web Developer Foundations: Using XHTML Chapter 2 Key Concepts.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
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.
Instructor: Charles Moen
JavaScript, Part 3 Instructor: Charles Moen CSCI/CINF 4230.
XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Frames in XHTML Please use speaker notes for additional information!
Lesson 4.
IT Engineering I Instructor: Rezvan Shiravi
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
XML Instructor: Charles Moen CSCI/CINF XML  Extensible Markup Language  A set of rules that allow you to create your own markup language  Designed.
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
COP 3813 Intro to Internet Computing Prof. Roy Levow Lecture 2.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Basic Document Structure.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 2: Markup Language and Site Development Essentials © 2007 Prosoft Learning Corporation All.
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.
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
XHTML Basics. What is XHTML? XHTML is newer than, but built upon, the original HTML (Hyper Text Markup Language) platform. XHTML has stricter rules and.
What is XHTML? XHTML stands for Extensible Hypertext Markup Language
CIS 228 The Internet 9/20/11 XHTML 1.0.
What is XHTML?.
XHTML
Instructor: Charles Moen
XHTML 7-May-19.
XHTML 29-May-19.
محمد احمدی نیا XHTML محمد احمدی نیا
Creating Web Documents
Presentation transcript:

XHTML Instructor: Charles Moen CSCI/CINF 4230

2 XHTML  A stricter version of HTML  Extensible HTML  The XHTML specification is maintained by the World Wide Web Consortium (W3C)‏  Current version is 1.1, but browsers support only XHTML 1.0  HTML 4.01 with stricter syntax rules XHTML (W3Schools, Schultz, Wikipedia)‏

3 XHTML Syntax Rules  All tag names and attribute names must be lower case  Elements must always be closed  Elements must be properly nested  All attribute values must be surrounded with quotes  All attributes must have a value  The DOCTYPE is required  Some elements are mandatory  Some elements are deprecated XHTML (W3Schools, Schultz)‏

4 Why XHTML?  With HTML, browsers were programmed to overlook “coding errors,” such as improper nesting Required more browser resources Web developers were often unaware of errors because they were masked by the browser  Benefits of more consistent syntax rules Reduce the demands on user agents Well-formed code that is more compatible Code is displayed more consistently by all browsers XHTML (W3Schools, Wikipedia, W3C)‏

5 HTML vs. XHTML Both of these pages display the same content XHTML Old HTML Thursday Specials Double coupons today! Vegetables Green beans Broccoli Spinach Fruit <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="en" lang="en"> An XHTML Page <meta http-equiv="content-type" content="text/html;charset=utf-8" /> Thursday Specials Double coupons today! Vegetables Green beans Broccoli Spinach Fruit Valid HTML Valid XHTML

6 Three Types For your homework, use the “strict” XHTML 1.0 DOCTYPE, unless your page uses frames (see below) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " XHTML (W3Schools, Schultz, W3C)‏ For your homework pages that use frames, use the “frameset” XHTML 1.0 DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " More relaxed, allowing some deprecated features: “transitional” XHTML 1.0 DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

7 Markup Validation  A markup validator checks whether your markup code follows the standards; it checks the following: Only allowed elements are used Tag names are spelled correctly Opening and closing tags are matched No grammar rules are violated  W3C Markup Validation Service XHTML (W3C)‏ All homework assignments for this course must be validated, using the W3C Markup Validator, and they must have a W3C validator link on the page

8 References Ding, Wei, “XHTML” UHCL lecture slides, Schultz, David and Craig Cook, Beginning HTML with CSS and XHTML: Modern Guide and Reference. Apress, W3C. (2007). “Recommended list of DTDs”, [Online]. Available: W3Schools Online Web Tutorials. "Learn XHTML". [Online]. Available: Wikipedia. “XHTML”. [Online]. Available: