1 XHTML محمد احمدی نیا 2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML.

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

XHTML Week Two Web Design. 2 What is XHTML? XHTML is the current standard for HTML Newest generation of HTML (post-HTML 4) but has many new features which.
Dr. Alexandra I. Cristea XHTML.
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.
Pengantar Teknologi Mobile 13 Antonius Rachmat C, S.Kom, M.Cs XHTML.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
History Leading to XHTML
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.
F DIGITAL MEDIA: COMMUNICATION AND DESIGN INTRODUCTION TO XML AND XHTML.
HTML 4 - Introduction HTML stands for Hyper Text Markup Language. It is the standard format for documents on the World Wide Web. Just as Microsoft Word.
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.
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  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.
Computer Sciences Department
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.
_ HTML, XHTML & CSS Sami Niemelä | Module 1: Introduction to digital media: Day 02.
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.
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.
CS134 Web Design & Development Creating a Basic Web Page Mehmud Abliz.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
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.
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.
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 Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
Lesson 4.
IT Engineering I Instructor: Rezvan Shiravi
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Creating XHTML Documents Essentials for.
WEB APPLICATION DEVELOPMENT For More visit:
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
1 Web Application Programming Presented by: Mehwish Shafiq.
XML for Text Markup An introduction to XML markup.
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
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.
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. What Is XHTML? XHTML stands for EXtensible HyperText Markup Language XHTML is almost identical to HTML XHTML is stricter than HTML XHTML is HTML.
What is XHTML? XHTML stands for Extensible Hypertext Markup Language
Creating a Well-Formed Valid Document
CITA 330 Section 3 XHTML.
Introduction to HTML.
What is XHTML?.
Introduction to XHTML.
XHTML
Introducing HTML & XHTML:
XHTML 7-May-19.
XHTML 29-May-19.
محمد احمدی نیا XHTML محمد احمدی نیا
Presentation transcript:

1 XHTML محمد احمدی نیا

2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML and XML, XHTML was developed  XHTML is HTML 4.01 redesigned as XML.  correctly and "well-formed“ زبانهای برنامه سازی وب

3 Of 19 What Is XHTML?  XHTML stands for EXtensible HyperText Markup Language  XHTML is almost identical to HTML 4.01  XHTML is a stricter and cleaner version of HTML  XHTML is HTML defined as an XML application  XHTML is a W3C Recommendation of January  XHTML is supported by all major browsers. زبانهای برنامه سازی وب

4 Of 19 Why XHTML?  Many pages on the internet contain "bad" HTML. This is bad HTML Bad HTML This is a paragraph  market consists of different browser technologies  run on computers, mobile phones or other small devices.  Smaller devices often lack the resources or power to interpret a "bad“ code زبانهای برنامه سازی وب

5 Of 19 Differences from HTML  XHTML elements must be properly nested  XHTML elements must always be closed  XHTML elements must be in lowercase  XHTML documents must have one root element زبانهای برنامه سازی وب

6 Of 19 XHTML Syntax  XHTML Elements Must Be Properly Nested  In XHTML, all elements must be properly nested within each other, like this:  This text is bold and italic زبانهای برنامه سازی وب

7 Of 19 XHTML Syntax  Non-empty elements must have a closing tag.  This is wrong:  This is a paragraph This is another paragraph  This is correct:  This is a paragraph This is another paragraph  Empty Elements Must Also Be Closed  A break: A horizontal rule: An image: زبانهای برنامه سازی وب

8 Of 19 XHTML Syntax  XHTML Elements Must Be In Lower Case  Tag names and attributes must be in lower case.  This is wrong:  This is a paragraph  This is correct:  This is a paragraph زبانهای برنامه سازی وب

9 Of 19 XHTML Syntax  XHTML Documents Must Have One Root Element  XHTML elements must be nested within the root element  Child elements must be in pairs and correctly nested  زبانهای برنامه سازی وب

10 Of 19 XHTML Syntax  Attribute Values Must Be Quoted  This is wrong:   This is correct:  زبانهای برنامه سازی وب

11 Of 19 XHTML Syntax  Attribute Minimization Is Forbidden  This is wrong:   This is correct:  زبانهای برنامه سازی وب

12 Of 19 XHTML Syntax  Mandatory XHTML Elements  An XHTML document must have a DOCTYPE declaration.  The html, head, title, and body elements must also be present. زبانهای برنامه سازی وب

13 Of 19 XHTML Doctypes  refers to a Document Type Definition (DTD).  A DTD specifies the rules for the markup language, so that the browsers render the content correctly.  The basic document structure is:  زبانهای برنامه سازی وب

14 Of 19 An XHTML Example Title of document xmlns attribute in, specifies the xml namespace for a document, and is required زبانهای برنامه سازی وب

15 Of 19 XHTML Different Doctypes  XHTML 1.0 Strict  contains all HTML elements and attributes  does NOT INCLUDE presentational or deprecated elements (like font).  Framesets are not allowed.  The markup must also be written as well-formed XML. زبانهای برنامه سازی وب

16 Of 19 XHTML Different Doctypes  XHTML 1.0 Transitional  contains all HTML elements and attributes  INCLUDING presentational and deprecated elements (like font)  Framesets are not allowed  The markup must also be written as well-formed XML زبانهای برنامه سازی وب

17 Of 19 XHTML Different Doctypes  XHTML 1.0 Frameset  This DTD is equal to XHTML 1.0 Transitional, but allows the use of frameset content. زبانهای برنامه سازی وب

18 Of 19 XHTML HowTo  1. Add a  Add an XHTML to the first line of every page:  2. Add an xmlns Attribute  Add an xmlns attribute to the html element of every page:  3. Change Tags And Attribute Names to Lowercase زبانهای برنامه سازی وب

19 Of 19 XHTML HowTo  4. Quote All Attribute Values  Check every page to see that attribute values are quoted.  5. Close all Empty Tags  6. Validate XHTML With The W3C Validator using this url: زبانهای برنامه سازی وب