Introduction to HTML5.

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

What is HTML5…?. ”…removes the need for plugins” ”…can handle multimedia directly” ”…enables rich, interactive clients” ”…enables advanced visual designs”
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.
HTML5, OVERVIEW AND NEW FEATURES PowerPoint by Mason O’Mara.
Neal Stublen Content Models  Metadata content Data not necessarily presented on the page ○ title, link, meta, style  Flow content.
XHTML Basics.
 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,
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.
Bartosz Kowalski Software Developer CERN. Presentation outline -HTML : introduction and history -HTML5 : -History and philosophy -New features -Structure.
Dongseop Kim.  Purpose of HTML 5  Semantic Mark up  Web Form Function  Support Rich Web Application.
Tutorial 1 Developing a Basic Web Page
Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,
Chapter 14 Introduction to HTML
CS 415 N-Tier Application Development By Umair Ashraf July 16,2013 National University of Computer and Emerging Sciences Lecture # 12 HTML/ XHTML/ 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.
HTML5 GAMING By Scott Benton. HTML5 New HTML Standard Previous Version of HTML, HTML 4.01, Released in 1999 Not an Official Standard Yet No Browsers Have.
Director of Computer Center, DaYeh University Ku-Yaw Chang.
HTML5 Accessibility Ted Drake, Yahoo! Accessibility Lab Slideshare.net/7mary4.
PRO HTML5 PROGRAMMING POWERFUL APIS FOR RICHER INTERNET APPLICATION DEVELOPMENT.
Lesson 4: Using HTML5 Markup.  The distinguishing characteristics of HTML5 syntax  The new HTML5 sectioning elements  Adding support for HTML5 elements.
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.
HTML Advanced: HTML 5. Introduction to HTML 5 These slides are based on source material found at the w3schools.com website.
Congratulations! You are part of a global community of thousands of web developers who attend Web Camps to keep their web development skills up-to-date.
WRA 210: 10/30/2013 WIREFRAMES TO HTML/CSS. TODAY’S AGENDA Review: the object Review: the CSS Box Model Review: box model, and layout Intro: HTML5 structural.
UPLOAD / DOWNLOAD april  HTML5 is just the next iteration of HTML  Previous version was technically HTML 4.01, which incorporated XHTML 1.0.
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.
Basic HTML Document Structure. Slide 2 Goals (XHTML HTML5) XHTML Separate document structure and content from document formatting HTML 5 Create a formal.
Let’s look what flash can do: OK, that wasn’t flash! That was HTML5.
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.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.
HTML 5 (Part 1) – Start from SCRATCH. HTML 5 – Start from SCRATCH.
HTML5 Requirement Driven Design David Tarrant Electronics and Computer Science.
1 Company Confidential Skin a Complete DotNetNuke Website Using HTML5 and CSS3 in One Hour Amelia Marschall Partner & Creative Director.
Agenda * What is HTML5 -- Its history and motivation * HTML/XHTML as Human / Machine Readable Format * HTML and its related technologies * Brief summary.
Chapter 9 HTML 5 Video and Audio
The HTML5 logo was introduced by W3C in 2010
Chapter 17 The Need for HTML 5.
HTML CS 4640 Programming Languages for Web Applications
HTML5 Basics.
Introduction to HTML5.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
HTML5 – The Saga Continues
PPT By:Gaurav Jaiswal Singsys Pte. Ltd.
XHTML Basics.
HTML 5 Tutorial Chapter 1 Introduction.
Web Development & Design Foundations with HTML5 8th Edition
Application with Cross-Platform GUI
Basic HTML Document Structure
Introduction to HTML5.
XHTML Basics.
XHTML Basics.
Browser Support for HTML5
HTML 5 Training HTML 5 SYMANTICS [Notes to trainer:
Ground to Roof HTML/HTML5
XHTML Basics.
Introduction to HTML5.
HTML 5 SEMANTIC ELEMENTS.
XHTML Basics.
Creating a Basic Web Page using HTML
Introduction to HTML5.
HTML CS 4640 Programming Languages for Web Applications
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Presentation transcript:

Introduction to HTML5

History of HTML HTML first published 1991 HTML 2.0 1995 After HTML 4.01 was released, focus shifted to XHTML and its stricter standards. HTML 3.2 1997 HTML 4.01 XHTML 2.0 had even stricter standards than 1.0, rejecting web pages that did not comply. It fell out of favor gradually and was abandoned completely in 2009. 1999 XHTML 1.0 2000 2002 -2009 HTML5 is much more tolerant and can handle markup from all the prior versions. XHTML 2.0 Though HTML5 was published officially in 2012, it has been in development since 2004. HTML5 2012

What is HTML5? HTML5 is the newest version of HTML, only recently gaining partial support by the makers of web browsers. It incorporates all features from earlier versions of HTML, including the stricter XHTML. It adds a diverse set of new tools for the web developer to use. It is still a work in progress. No browsers have full HTML5 support. It will be many years – perhaps not until 2018 or later - before being fully defined and supported.

Goals of HTML5 Support all existing web pages. With HTML5, there is no requirement to go back and revise older websites. Reduce the need for external plugins and scripts to show website content. Improve the semantic definition (i.e. meaning and purpose) of page elements. Make the rendering of web content universal and independent of the device being used. Handle web documents errors in a better and more consistent fashion.

New Elements in HTML5 <article> <aside> <audio> <canvas> <datalist> <figure> <figcaption> <footer> <header> <hgroup> <mark> <nav> <progress> <section> <source> <svg> <time> <video> Refer http://www.w3schools.com/html/html5_new_elements.asp

Other New Features in HTML5 Built-in audio and video support (without plugins) Enhanced form controls and attributes The Canvas (a way to draw directly on a web page) Drag and Drop functionality Support for CSS3 (the newer and more powerful version of CSS) More advanced features for web developers, such as data storage and offline applications.