What is HTML5…?. ”…removes the need for plugins” ”…can handle multimedia directly” ”…enables rich, interactive clients” ”…enables advanced visual designs”

Slides:

Advertisements

Similar presentations

Local TouchGlobal Reach Mobile Development with HTML5.

Advertisements

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

HTML 5: UN LINK TRA PASSATO E FUTURO

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.

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.

Using HTML5 & CSS3 Today. Where we're at Comfortable with HTML4 or XHTML and CSS2 Hearing talk of HTML5 and CSS3 Rapidly advancing browsers...but we've.

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.

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.

Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,

Development of mobile applications using PhoneGap and HTML 5

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.

TUTORIAL 8: Enhancing a Web Site with Advanced CSS

Referent · von xx Seiten HTML5. Overview 1.HTML & HTML5 Basics Facts 2.Flash vs. HTML5 3.HTML5 - the new features Sebastian Viereck·

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.

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.

Evaluation of HTML5 Graphics for Data Structure Visualization

HTML5 Accessibility Ted Drake, Yahoo! Accessibility Lab Slideshare.net/7mary4.

SIG WEB January 31, 3PM. What is HTML5? What it is: Allows for better intergration of media consumption. A new open standard Provides new APIs.

Presenter: PhuongNQK. Goals Introduce HTML5 basics with some cool demos.

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.

HTML5 for Mobile Andrew Kinai. HTML vs HTML5 HTML:A language that describes documents' formatting and content, which is basically composed of static text.

MIS 425 Lecture 3 – HTML 5 and CSS Instructor: Martin Neuhard

Presented By: Mahmoud Ghoz Internet Explorer 9 and HTML5 for Developers.

Introduction to HTML. What is HTML?  Hyper Text Markup Language  Not a programming language but a markup language  Used for presentation and layout.

Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.

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.

Apps just in… More developers More Downloads More apps Amazing Momentum Since Launch.

MTA EXAM HTML5 Application Development Fundamentals.

UPLOAD / DOWNLOAD april  HTML5 is just the next iteration of HTML  Previous version was technically HTML 4.01, which incorporated XHTML 1.0.

GeoGebra on mobile devices GeoGebraMobile, the JavaScript version of GeoGebra. Gabor Ancsin (this man =>)

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.

Internet Explorer 10 IE9 hardware-accelerated platform CSS 2D Transforms CSS Backgrounds & Borders CSS Color CSS Fonts CSS Media Queries CSS Namespaces.

Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.

Rich Internet Applications 9. HTML 5 and RIAs. HTML 5 Standard currently under development by W3C Aims to improve the language with support for the latest.

丁建文國立高雄應用科大資管系副教授兼任計網中心軟體發展組組長跨平台行動應用軟體開發技術 : HTML5 & Mobile JavaScript Framework 暨南大學.

Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.

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.

Why is HTML5 a buzz word? Is HTML5 really a technology worth talking?

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?

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

Introduction to HTML5.

PPT By:Gaurav Jaiswal Singsys Pte. Ltd.

HTML 5 Tutorial Chapter 1 Introduction.

Application with Cross-Platform GUI

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 JavaScript & jQuery

Introduction to HTML5.

Presentation transcript:

What is HTML5…?

”…removes the need for plugins” ”…can handle multimedia directly” ”…enables rich, interactive clients” ”…enables advanced visual designs” ”…enables offline web application” ”…rids the world of war and poverty!”

What is HTML5…? ”…removes the need for plugins” yes ”…can handle multimedia directly” yes ”…enables rich, interactive clients” yes ”…enables advanced visual designs” yes ”…enables offline web application” yes ”…rids the world of war and poverty!” well….

What is HTML5…? HTML5 is not just ”one thing” HTML5 is a collection of technologies – Revised and extended markup (HTML) – Revised and extended styling (CSS) – New APIs available through JavaScript

Why do we need HTML5? Previous (existing) technologies are actually rooted in the 90’es… HTML perceived as markup for ”documents”, not ”applications” Need for multimedia, advanced user interaction, etc. handled by use of plugins

HTML5 foundation Structure by HTML Presentation by CSS Functionality by JavaScript User experience

HTML5 foundation HTML is now only intended to define structure for a page, not presentation New tags introduced include: article, aside, details, summary, section, header, footer, nav,… Also tags for media content, like video, audio,…

HTML5 foundation Since HTML is now only intended for structure, certain tags are now considered depricated, like font, center, big,… However, they are not as such removed; they are ”discouraged”

HTML5 foundation CSS3 is – just as previous CSS versions – intended to define how to style a given HTML web page Basic usage is the same – select elements, and define how to style them Much more advanced styling is possible – can do things which previously required JavaScript or plugins (transitions, etc.)

HTML5 foundation Also as before, we can add behavior and functionality through JavaScript Many new APIs available: Geolocation, Drag- and-Drop, Web storage, Canvas, Web workers, Web sockets,… Some are considered native to HTML5, some are not… Does it matter?

Can I use HTML5 now…? The short answers is….it depends! Since HTML5 is a collection of technologies, progress and browser support is uneven… Most browsers are catching up, even IE (10+) What about mobile devices…?

HTML5 vs Apps ”We can forget about Apps, now that we have HTML5…” The jury is still out Correct in principle, when all browsers fully support all HTML5 technologies Apps will be here for a while yet…

How we proceed We will look at: Technology basics – HTML(5) – CSS(3) – JavaScript essentials – The DOM A couple of APIs – Geolocation – Communication – Web Storage