HTML5 Rob Larsen 9.8.2009 htmlcssjavascript.com htmlcssjavascript.com /downloads/html5.ppt.

Slides:



Advertisements
Similar presentations
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.
Advertisements

Getting a Taste of Cascading Stylesheets Steve Mooradian December 14, 2005.
 A markup language  Structures content on the internet  Commonly used by web browsers.
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,
Basics of HTML What is HTML?  HTML or Hyper Text Markup Language is the standard markup language used to create Web pages.  HTML is.
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.
Bartosz Kowalski Software Developer CERN. Presentation outline -HTML : introduction and history -HTML5 : -History and philosophy -New features -Structure.
Tutorial 1 Developing a Basic Web Page
Mozilla Technologies Sept. 30, History of Mozilla Mosaic -> Netscape 1.0 -> Netscape 5.0 Netscape 5.0 was announced to be an Open Source project.
Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,
Chapter 1 Understanding the Web Design Environment
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes, Harvard University Extension School — Cambridge, MA The Web Wizard’s Guide.
Developing a Basic Web Page Posting Files on UMBC
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
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.
WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
HTML 5 - First Look A Part of eTeam Knowledge Base By: Shehzad Ali 22-Sep-11.
Tutorial 1: Getting Started with HTML5
Chapter 1 Variables in the Web Design Environment.
Chapter 1 Variables in the Web Design Environment
CPSC 594B: Software Engineering Project Lecture 1: Introduction to HTML5 Lecturer: Ayman Issa Office: ICT 555.
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.
Microdata and schema.org. Basics Microdata is a simple semantic markup scheme that’s an alternative to RDFa Microdata Developed by WHATWG and supported.
1 Networks and the Internet A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 2: Markup Language and Site Development Essentials.
Using HTML to Create a Basic Web Page… By Josh Gallagan.
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.
Extensible Hypertext Markup Language A successor to HTML 4.01 XML-compliant W3C is improving and expanding.
CS134 Web Design & Development Creating a Basic Web Page Mehmud Abliz.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Presented By: Mahmoud Ghoz Internet Explorer 9 and HTML5 for Developers.
XHTML and CSS Session 1 Intro, (X)HTML, CSS, W3C, browsers, webpage, structure, tags, attributes, elements, web development process, basic XHTML elements.
CS 331 – Programming LanguagesDate: Internet Programming Group Presenter: Aren Ray Topics: Internet Programming XML.
XHTML By Trevor Adams. Topics Covered XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)
Chapter 10 History of HTML & HTML introduction Disclaimer: All words, pictures are adopted from “Learning Web Design (4th.)” by Jennifer NiederstRobbins,
Web Application Programming Presented by: Mehwish Shafiq.
The Web Wizard’s Guide to HTML Chapter One World Wide Web Basics.
Web Technologies Lecture 2 HTML and CSS. HTML Hyper Text Markup Language – Describes web documents – Made up of nested HTML markup tags – Tags are the.
Tutorial 1 Developing a Basic Web Page. Objectives Learn the history of the Web and HTML Describe HTML standards and specifications Understand HTML elements.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
HTML5 based Notification System for Updating E-Training Contents Yu-Doo Kim 1 and Il-Young Moon 1 1 Department of Computer Science Engineering, KoreaTech,
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 2: Markup Language and Site Development Essentials © 2007 Prosoft Learning Corporation All.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
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.
Let’s look what flash can do: OK, that wasn’t flash! That was HTML5.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
The Web Standards Process COMP6218 Web Architecture Dr Nicholas Gibbins –
Agenda * What is HTML5 -- Its history and motivation * HTML/XHTML as Human / Machine Readable Format * HTML and its related technologies * Brief summary.
HTML 5.
Web Standards Web Design – Sec 2-3
Introduction to HTML5.
HTML 5 Tutorial Chapter 1 Introduction.
Lecture 8. HTML. Author: Aleksey Semyonov
Web Standards Web Design – Sec 2-3
전산정보학부 권춘우 HTML 기원과 변천.
Chapter 1 HTML, XHTML, and the World Wide Web
Chapter 1 HTML, XHTML, and the World Wide Web
Chapter 1 HTML, XHTML, and the World Wide Web
The Web Standards Process
Why use Web Standards?.
HTML5 APIs MIS3502 Jeremy Shafer Department of MIS
HTML 5 Training HTML 5 SYMANTICS [Notes to trainer:
Future of Front-End Development
How to debug a website using IE F12 tools
Presentation transcript:

HTML5 Rob Larsen htmlcssjavascript.com htmlcssjavascript.com /downloads/html5.ppt

History HTML 1.0 Never really existed. Nothing to see here.

History HTML RFC

History HTML 3.2 January 1997 Hello W3C

History HTML 4.0 December 1997 “Modern” HTML. Many people still use this exclusively

History XHTML 1.0 January 2000 What the cool kids use

History January 2000 – NOW Drama, dark ages, browser wars. “Ajax” makes HTML+CSS+JavaScript cool

History But Wait! In 2004 the WHATWG was formed in response to the slow development of web standards monitored by the W3C.W3C –The Web Hypertext Application Technology Working Group, or WHATWG, is a community of people interested in evolving HTML and related technologies. The WHATWG was founded by individuals from Apple, the Mozilla Foundation and Opera Software.[1] Since then, the editor of the WHATWG specifications, Ian Hickson, has moved to Google.HTML AppleMozilla FoundationOpera Software[1] Ian HicksonGoogle –The WHATWG has a small, invitation-only steering committee called “Members”, which has the power to impeach the editor of the specifications. Anyone can participate as a Contributor by joining the WHATWG mailing list. (from wikipedia )

The Future HTML5 “HTML5 is a new version of HTML4, XHTML1, and DOM Level 2 HTML addressing many of the issues of those specifications while at the same time enhancing (X)HTML to more adequately address Web applications. Besides defining a markup language that can be written in both HTML (HTML5) and XML (XHTML5) it also defines many APIs that form the basis of the Web architecture. Some of these APIs were known as "DOM Level 0" and were never documented before. Yet they are extremely important for browser vendors to support existing Web content and for authors to be able to build Web applications. “ Full of unicorns and rainbows. Features are being implemented right now. XHTML2.0 is dead. Dead as Dillinger. –This caused even more drama – – And then “joy”:

What’s Cool? New, semantic elements (,,,,, elements and methods Custom attributes Much, much, much more Offline cache, drag/drop, editable content with new editing API, undo, cross document messaging, great new form enhancements, etc. etc. etc.

Let’s Look at Some Code