Hypermedia systems Jakub Husár & Tomáš Jurík. Content XHTML 2.0 Definition Short history Differences between 1.0 and 2.0 Usage suitability Improvements.

Slides:



Advertisements
Similar presentations
Introduction to HTML5. History of HTML HTML first published HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 XHTML 2.0 HTML
Advertisements

CSCI N241: Fundamentals of Web Design Copyright ©2004 Department of Computer & Information Science Introducing XHTML: Module B: HTML to XHTML.
EXtensible HyperText Markup Language Miruna Bădescu Finsiel Romania Copenhagen, 25 May 2004.
The Future of HTML Lachlan Hunt HTML Timeline vs. HTML 1.0 SGML RFC XHTML 2.0 Begins…
Dr. Alexandra I. Cristea XHTML.
What is HTML5…?. ”…removes the need for plugins” ”…can handle multimedia directly” ”…enables rich, interactive clients” ”…enables advanced visual designs”
HTML5, OVERVIEW AND NEW FEATURES PowerPoint by Mason O’Mara.
Web Technologies By Andreas Vetter and Yong Soo Deutschle.
XHTML Basics.
 Fundamentals of Web Design.  Describe the history and theory of XHTML  Understand the rules for creating valid XHTML documents  Apply a DTD to an.
HTML 5. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in The web has changed.
Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
HTML 5 Tutorial Chapter 1 Introduction. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML.
Tutorial 9 Working with 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.
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,
Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
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.
CNIT 133 Interactive Web Pags – JavaScript and AJAX Review HTML5.
HTML5. What is HTML5? HTML5 will be the new standard for HTML. HTML5 is the next generation of HTML. HTML5 is still a work in progress. However, the major.
Creating Web Pages with HTML
HTML 5 New Standardization of HTML. I NTRODUCTION HTML5 is The New HTML Standard, New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D.
WRA /16/13 HTML VALIDATION & HTML5. TODAY’S AGENDA Overview of new objects: lists, tables Overview of metadata: meta tags, comments History of the.
Principles of Web Design 6 th Edition Chapter 1 – HTML5.
Creating a Basic Web Page
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.
Week 1.  Phillip Chee   Ext.1214 
Lesson 4: Using HTML5 Markup.  The distinguishing characteristics of HTML5 syntax  The new HTML5 sectioning elements  Adding support for HTML5 elements.
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.
Introduction to HTML5. History of HTML HTML first published – Tim Berners-Lee HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 XHTML 2.0.
CS134 Web Design & Development Creating a Basic Web Page Mehmud Abliz.
3 XHTML.
1 XHTML محمد احمدی نیا 2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML.
Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Introducing XHTML: Module A: Web Design Basics.
XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
XP 1 Creating an XML Document Developing an XML Document for the Jazz Warehouse XML Tutorial.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
1 Tutorial 11 Creating an XML Document Developing a Document for a Cooking Web Site.
Web Application Programming Presented by: Mehwish Shafiq.
HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
Unit 3 — Advanced Internet Technologies Lesson 10 — Introduction to XHTML.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Tutorial 9 Working with XHTML. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Describe the history and theory of XHTML.
HTML. HTML: What is it? – HTML stands for Hyper Text Markup Language – An HTML file is a text file containing small markup tags – The markup tags tell.
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
Agenda * What is HTML5 -- Its history and motivation * HTML/XHTML as Human / Machine Readable Format * HTML and its related technologies * Brief summary.
Tutorial 9 Working with XHTML
Tutorial 9 Working with XHTML
Introducing XHTML: Module A: Web Design Basics
Introducing XHTML: Module A: Web Design Basics
Introduction to HTML5.
HTML 5 Tutorial Chapter 1 Introduction.
Introduction to HTML5.
Introducing HTML & XHTML:
Tutorial 9 Working with XHTML
HTML 5 Training HTML 5 SYMANTICS [Notes to trainer:
Introduction to HTML5.
Introduction to HTML5.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Presentation transcript:

Hypermedia systems Jakub Husár & Tomáš Jurík

Content XHTML 2.0 Definition Short history Differences between 1.0 and 2.0 Usage suitability Improvements Comparison between XHTML 2.0 and HTML 5.0 Conclusion HTML 5.0 Definition History of development Changes made from 4.01 Suitability for developers

What exactly XHTML means? The Extensible Hypertext Markup Language, or XHTML, is a markup language that has the same depth of expression as HTML, but also conforms to XML syntax. (Wikipedia)

XHTML History 26th January 2000 XHTML 1.0 was published as a W3C recommendation August 2002 W3C released first working draft of XHTML 2.0 nowadays (2008) expected to appear ninth working draft of XHTML 2.0

Focused on XHTML 2.0 based on XML developed by the W3C reject the SGML heritage and syntax peculiarities priority: separate document content and structure from document presentation

What XHTML 2.0 consists of? XHTML 2.0 is defined as collection of modules, which, using this standard, are creating specified types for web presentations

XHTML 2.0 vs. XHTML 1.0 tag was replaced by tag tags,,,, were removed from presentation module; design changes are considered to be modified by CSS 2.0 tags to are gradually replaced by tag attribute name was completely replaced by attribute id

XHTML 2.0 vs. XHTML 1.0 Short example of XHTML 1.0 source code Example of XHTML 2.0 source code

Suitability for Web Developers – XHTML 2.0 browser support - a crucial point for web developers Internet Explorer doesn’t have proper XHTML support at all + severe problems with XHTML sent as XML there are many changes to the structure of the document none of the major browser vendors supports XHTML 2.0

What is HTML? HTML(an initialism of HyperText Markup Language) is the predominant markup language designed to creating Web pages and other informations presented in Web browsers. (Wikipedia)

HTML history November HTML 2.0 January HTML 3.2 December HTML 4.0 December HTML 4.01 January HTML 5.0

Focused on HTML 5.0 known also under the name Web Applications 1.0 SGML-based document format developed by the WHATWG(Web Hypertext Application Technology Working Group) WHATWG - open community started by three of the four major browser vendors: Mozilla, Opera, and Apple

HTML 5.0 vs. HTML 4.01 syntax compatible with HTML 4.01 and XHTML 1.0 defines detailed parsing rules (including "error handling")

HTML 5.0 vs. HTML 4.01 new elements e.g.: section, header, footer, audio, video, canvas … new attributes e.g.: meta element has a charset attribute … changed meanings of some elements e.g.: b, hr, strong … removed elements e.g.: big, center, strike … removed attributes e.g.: target attribute on link …

HTML 5.0 vs. HTML 4.01 Short demonstration of HTML 5.0 source code

HTML 5.0 vs. HTML 4.01 introduces a number of APIs that help in creating Web applications 2D drawing API API for playing of video and audio persistent storage API that enables offline Web applications Cross-document messaging

HTML 5.0 vs. HTML 4.01 Demonstration of tag (2D drawing API) output:

Suitability for Web Developers – HTML 5.0 turning an HTML 4.01 document into HTML 5.0 – just question of replacing the DOCTYPE declaration if a document doesn’t use any of the new elements or APIs introduced by HTML 5.0, the browser just sends it to its tag-soup parser

XHTML 2.0 vs. HTML 5.0 increased usability and accessibility improved internationalization more device independence less scripting better integration with the Semantic Web cleaner, more concise language - corrects many of Web markup’s past indiscretions not so much a replacement as in XHTML2, but upgrade or evolution aims for backwards compatibility tries to remove undefined behavior in HTML 4.01 by defining it semantic elements for improved form validation, interactive elements, and persistent storage

XHTML 2.0 vs. HTML 5.0 XML parsing will stop at the first error in the document any errors will render a page totally unreachable display only details of the error, but no content defines exactly how this error correction is to be done defines how parsing should work if documents are invalid, ill-formed or broken

Conclusion XHTML 2.0 is mostly only a semantic improvement over XHTML 1.0 seems like that it won’t matter for web developers for a long time (Internet Explorer still doesn’t offer XHTML 1.0 support) many parts of HTML 5.0 are already creeping into browsers probably the HTML 5.0 will be the future of the web; we should pay close attention to it

Thank you for your attention It’s time for your questions.