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 1999. The web has changed.

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

HTML5 Overview HOANGPT2. 1. General 2. New Elements List 3.
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.
More CSS - Page layout + HTML5 new features Boriana Koleva Room: C54
 A markup language  Structures content on the internet  Commonly used by web browsers.
HTML5 (H YPER T EXT M ARKUP L ANGUAGE ) Lab 223 潘建廷 何偉聖
Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,
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.
HTML Advanced: HTML 5. Welcome This slideshow presentation is designed to introduce you to HTML 5. It is the third of three HTML workshops available at.
Bartosz Kowalski Software Developer CERN. Presentation outline -HTML : introduction and history -HTML5 : -History and philosophy -New features -Structure.
Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,
Chapter 15 HTML 5 Video and Audio Intro to HTML5 1.
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.
CNIT 133 Interactive Web Pags – JavaScript and AJAX Review HTML5.
Mark Branom, Continuing Studies.  HTML5 overview – what’s new?  New HTML5 elements  New HTML5 features  Guided Demonstrations  Forms  Video  Geolocation.
Computer Information System Information System California State University Los Angeles Jongwook Woo CIS 461 Web Development I HTML 5 Jongwook Woo, PhD.
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.
Week 09, Session 01 Other HTML Tags & HTML5 IF Website Development Presented by: RDT.
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.
IT Engineering I Instructor: Rezvan Shiravi
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 HTML5 Page Structure. What is HTML5 ?  HTML5 will be the new standard for HTML, XHTML, and the HTML DOM.  The previous version.
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.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
HTML Advanced: HTML 5. Introduction to HTML 5 These slides are based on source material found at the w3schools.com website.
Proglan Session 1. .  HTML5 will be the new standard for HTML.  The previous version of HTML, HTML 4.01, came in The web has changed a lot since.
MIS 425 Lecture 3 – HTML 5 and CSS Instructor: Martin Neuhard
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
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.
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.
Let’s look what flash can do: OK, that wasn’t flash! That was HTML5.
INT222 – Internet Fundamentals Week 8: Using New HTML features 1.
Introduction of Presented by Neetu sharma MCA (8 th trim)
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
HTML 5 (Part 1) – Start from SCRATCH. HTML 5 – Start from SCRATCH.
Web Programming HTML-5. HTML5 Overview HTML5 is the next major revision of the HTML standard superseding HTML 4.01, XHTML 1.0, and XHTML 1.1. HTML5 is.
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
HTML Advanced: HTML 5 With Adaptations by Dilvan Moreira.
HTML CS 4640 Programming Languages for Web Applications
HTML 5.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Web Standards Web Design – Sec 2-3
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
HTML5 – The Saga Continues
HTML Advanced: HTML 5.
Introduction to HTML5.
PPT By:Gaurav Jaiswal Singsys Pte. Ltd.
HTML 5 Tutorial Chapter 1 Introduction.
Application with Cross-Platform GUI
Web Standards Web Design – Sec 2-3
전산정보학부 권춘우 HTML 기원과 변천.
Introduction to HTML5.
HTML 5 Training HTML 5 SYMANTICS [Notes to trainer:
Ground to Roof HTML/HTML5
Introduction to HTML5.
Giuseppe Attardi Università di Pisa
Creating a Basic Web Page using HTML
Introduction to HTML5.
HTML CS 4640 Programming Languages for Web Applications
Presentation transcript:

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 a lot since then. HTML5 is still a work in progress. However, most modern browsers have some HTML5 support.

How Did HTML5 Get Started? HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG). WHATWG was working with web forms and applications, and W3C was working with XHTML 2.0. In 2006, they decided to cooperate and create a new version of HTML. Some rules for HTML5 were established: New features should be based on HTML, CSS, DOM, and JavaScript Reduce the need for external plugins (like Flash) Better error handling More markup to replace scripting HTML5 should be device independent The development process should be visible to the public

New Features Some of the most interesting new features in HTML5: The canvas element for drawing The video and audio elements for media playback Better support for local offline storage New content specific elements, like article, footer, header, nav, section New form controls, like calendar, date, time, , url, search

Browser Support HTML5 is not yet an official standard, and no browsers have full HTML5 support. But all major browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) continue to add new HTML5 features to their latest versions.

New Elements in HTML5 The internet has changed a lot since HTML 4.01 became a standard in Today, some elements in HTML 4.01 are obsolete, never used, or not used the way they were intended to. These elements are deleted or re-written in HTML5. To better handle today's internet use, HTML5 also includes new elements for better structure, drawing, media content, and better form handling.

New Markup Elements

HTML Header Navigation Aside Footer Article Footer Article Footer Article Footer Figure Image, Video, Quote, Table, etc… Legend Section

New Media Elements

The Canvas Element & New Form Elements

New Input Type Attribute Values