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.

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.
An Introduction Timmy Kokke | UNIT4 Internet Solutions | Expression Blend MVP / Webguy.
MMDE5011 – INTERACTIVE MEDIA PRACTICE 1 WEEK 1: INTRODUCTION TO HTML5
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
 A markup language  Structures content on the internet  Commonly used by web browsers.
HTML5 (H YPER T EXT M ARKUP L ANGUAGE ) Lab 223 潘建廷 何偉聖
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.
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,
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
Development of mobile applications using PhoneGap and HTML 5
Software and Multimedia
A closer look Dynamic Webpages Jessica Meyerson March 1, 2011.
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.
Relatore: Ing. Marco Porta Correlatore: Ing. Massimo Cellario Tesi di Laurea di: Andrea Marchetti Anno Accademico 2010/2011 UNIVERSITA’ DEGLI STUDI DI.
E0262 – MIS – Multimedia Storage Techniques SMIL – Synchronized Multimedia Integration Language.
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.
HTML 5 and Content Strategy for the Web By: Christina Fregosi ISC 496.
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.
WRA /16/13 HTML VALIDATION & HTML5. TODAY’S AGENDA Overview of new objects: lists, tables Overview of metadata: meta tags, comments History of the.
Evaluation of HTML5 Graphics for Data Structure Visualization
HTML5 Accessibility Ted Drake, Yahoo! Accessibility Lab Slideshare.net/7mary4.
Introduction to Silverlight. Slide 2 What is Silverlight? It’s part of a Microsoft Web platform called Rich Internet Applications (RIA) There is a service.
Lesson 4: Using HTML5 Markup.  The distinguishing characteristics of HTML5 syntax  The new HTML5 sectioning elements  Adding support for HTML5 elements.
HTML Advanced: HTML 5. Introduction to HTML 5 These slides are based on source material found at the w3schools.com website.
HTML5 for Mobile Andrew Kinai. HTML vs HTML5 HTML:A language that describes documents' formatting and content, which is basically composed of static text.
The New Elements © Main Menu Structure Media Canvas Form Click on one of the categories below to view information about the new HTML5 elements in.
HTML tips BTM 395: Internet Programming. Components of website development Content Structure Format and design Dynamics and interactivity –Forms –Client-side.
MIS 425 Lecture 3 – HTML 5 and CSS Instructor: Martin Neuhard
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.
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.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.
Lesson 5 MULTIMEDIA. Multimedia on the Web has expanded rapidly as broadband connections have allowed users to connect at faster speeds. Almost all Web.
Let’s look what flash can do: OK, that wasn’t flash! That was HTML5.
The HTML Tag Quiz. Instructions You will see a tag. You must decide which (if any) versions of HTML include this tag: HTML 0.a Tim Berners-Lee’s original.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
Introduction of Presented by Neetu sharma MCA (8 th trim)
丁建文 國立高雄應用科大資管系副教授 兼任計網中心軟體發展組組長 跨平台行動應用軟體開發技術 : HTML5 & Mobile JavaScript Framework 暨南大學.
WEB DESIGN Presentated By Amit Kapri Contact No
Agenda * What is HTML5 -- Its history and motivation * HTML/XHTML as Human / Machine Readable Format * HTML and its related technologies * Brief summary.
The HTML5 logo was introduced by W3C in 2010
Chapter 17 The Need for HTML 5.
Web Basics: HTML/CSS/JavaScript What are they?
4.01B Authoring Languages and Web Authoring Software
Introduction to HTML5.
HTML5 – The Saga Continues
Introduction to HTML5.
HTML 5 Tutorial Chapter 1 Introduction.
Application with Cross-Platform GUI
Introduction to Silverlight
Software and Multimedia
Software and Multimedia
Introduction to HTML5.
4.01B Authoring Languages and Web Authoring Software
Silverlight Technology
HTML 5 Training HTML 5 SYMANTICS [Notes to trainer:
Introduction to HTML5.
Giuseppe Attardi Università di Pisa
Introduction to HTML5.
Web Programming and Design
Presentation transcript:

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 to deliver text, images, multimedia, web apps, search forms and anything else you see in your browser. ”

HTML5 Development Guidelines 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

Benefits of HTML5 Improved semantics for structuring web page elements through the use of new tags Better handling of internet multimedia like audio and video Allows for more interactive websites Web sites will render the same regardless of what browser is being used

HTML5 Features New tags to better organize content Native video and audio streaming support-no need for Flash, Silverlight, etc. Offline storage-web apps can act more like desktop apps Canvas drawing-will allow for more user interactivity without needing plugins Geolocation- will allow pages to tailor themselves according to where you are Smarter Forms-not sexy, but will improve the user experience

HTML5 Content Tags New tags will allow developers to mark up the structure of pages more intuitively without having to create as many tags for different, commonly used elements on the page such as headers and footers.

HTML5 Video Tag Though HTML5 allows video to be played without the use of plugins, there is still debate over which format of videos will be supported. Currently, browsers are split on the issue.

HTML5 Canvas Element This tag will allow developers to more easily create web pages that users can interact with.

When can we use HTML5?

A lot of browsers already support many of the features of HTML5

References use-the-web use-the-web Users-and-Developers Users-and-Developers of-the-web/ of-the-web/ furniture furniture