XHTML - Basics Teppo Räisänen LIIKE/OAMK 2011. Introduction XHTML = eXtensible Hypertext Markup Language Transitional ~ HTML 4.01 Goal: to replace 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!)
1. Content – Collective term for all text, images, videos, etc. that you want to deliver to your audience. 2. Structure – How the content is placed on.
Pengantar Teknologi Mobile 13 Antonius Rachmat C, S.Kom, M.Cs XHTML.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
CO1552 – Web Application Development An introduction to the use of Extensible Hypertext Mark-up Language - XHTML.
History Leading to XHTML
XHTML 16-Apr-17.
17-Jun-15 XHTML 2 What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML.
WML/HTML and XML Multiplatform Applications. Agenda XML – History and purpose What have HTML, WML and XML got to do with each other Why useful for multiplatform.
Creating a Well-Formed Valid Document. 2 Objectives Introducing XHTML Creating a Well-Formed Document Creating a Valid Document Creating an XHTML Document.
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.
HTML & XHTML Introduction. First HTML 1992 Marked-up text to represent a hypertext document for transmission over the network The hypertext mark-up language.
Ku-Yaw Chang Assistant Professor, Department of Computer Science and Information Engineering Da-Yeh University.
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.
HTML BASICS Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
 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.
HTML Structure & syntax
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.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
Web page - A Web page is a simple text file that contains a set of HTML tags (code) that describe (to the browser) what should go on a web page. It may.
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)
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.
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.
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.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
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.
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
XML Basics A brief introduction to XML in general 1XML Basics.
Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
Web Terminology Intro to Web. North Lake College 2 by Sean Griffin HTML vs. XHTML HTML: Hypertext Markup Language XHTML: eXtensible Hypertext Markup Language.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Basic Document Structure.
XML CSC1310 Fall HTML (TIM BERNERS-LEE) HyperText Markup Language  HTML (HyperText Markup Language): December  Markup  Markup is a symbol.
HTML A brief introduction HTML1. HTML, what is? HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup.
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.
Introduction to XML Jussi Pohjolainen TAMK University of Applied Sciences.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
What is XHTML? XHTML stands for Extensible Hypertext Markup Language
CITA 330 Section 3 XHTML.
What is XHTML?.
INP150: Basic HTML Instructor: Paul J. Millis
XHTML
What is HTML?.
Structuring Content in a Web Document
XHTML 7-May-19.
XHTML 29-May-19.
محمد احمدی نیا XHTML محمد احمدی نیا
Presentation transcript:

XHTML - Basics Teppo Räisänen LIIKE/OAMK 2011

Introduction XHTML = eXtensible Hypertext Markup Language Transitional ~ HTML 4.01 Goal: to replace HTML by XHTML W3C: XHTML 1.0 (2000)

Why XHTML? Many Web pages include bad HTML Browsers spend computing time for resolving conflicts in the markup Especially mobile browsers need flawless markup (because of the limited resources)

Introduction XHTML is a stricter standard than HTML => Easier/wider browser support XHTML is a XML application E.g. many mobile browsers support XHTML All the modern desktop browsers support XHTML

XHTML Versions XHTML 1.0 Derived from HTML 4.0 Some degree of UI formatting allowed XHTML Basic Only the basic elements Modularity/Modules Suitable for devices with a limited display capacity

XHTML Versions XHTML 1.1 Follow the XML standard strictly No formatting of the UI (CSS used for that) XHTML 2 Introduced at 2002

XHTML vs. HTML HTML can be also written flawlessly There are many validators available for HTML codevalidators Usual problems with HTML pages are missing end tags for paragraphs inconstistencies with capital/small letters attribute values etc.

XHTML vs. HTML In XHTML: The structure of inner/outer elements must be correct: Text => WRONG! Text => CORRECT! b = bold letters i = italic letters

XHTML vs. HTML In XHTML: Tags are written in small sized letters The ending tag must be used: Also the empty elements must be closed: => WRONG! => CORRECT! Note: a space character before /

XHTML vs. HTML In XHTML: Small sized letters for the names of the attributes: Quotes around the values of the attributes: => WRONG! => CORRECT!

XHTML vs. HTML In XHTML: Abreviation of attibutes is not allowed: => WRONG! => CORRECT! ’lang’-attribute also requires use of xml:lang attribute Suomea

The Mandatory Elements of XHTML DOCTYPE (Document Type Declaration) html head body title

Basic Structure of a XHTML document

DOCTYPE A XHTML document must follow one of the DTDs by W3CDTDs Strict Transitional Frameset With Web pages the most used form is the Transitional

DTDs of XHTML Strict = the strictest form, no HTML formatting allowed at all Transitional = compliant against HTML 4.01 Frameset = for Web pages which utilize frames frames

DOCTYPE

From HTML to XHTML 1. DOCTYPE: addition/modification 2. Tags and attributes to small letters 3. Attribute values to quotes 4. Correct format of the empty elements => 5. Validation (re-validation until the document is valid and well-formatted) Validation