SlideShare une entreprise Scribd logo
1  sur  11
By: Antwan Hilton
 HTML5 is a W3C specification that defines the fifth
major revision of the Hypertext Markup Language
(HTML) for structuring and presenting content for
the World Wide Web and a core technology of the
Internet.
 All Web designers use it, even if they don‟t really
realize they are. HTML5 builds on the previous
coding standards with the addition of certain
improvements.
What is HTML 5?
 The features made possible by HTML 5 are Multimedia
Support,New Input Element Types, Canvas in HTML5, Application
caches, Geolocation, and Web workers.
 Multimedia Supports both audio and video files to be played in a
browser.
 The New Input Element types help in receiving the input in a
required format.
 The Canvas in HTML5 feature allows pixel level operations like
drawing a line, box, circle, and performing graphics.
 Application caches are available so you can store web apps (like e-
mails) and access it without having to connect with the internet.
 The Geolocation feature enables location identification using
various geo location technologies GPS (Global Positioning system),
IP address, RFID (Radio frequency ID), Wi-Fi, Bluetooth MAC
address and GSM/CDMA cell IDs.
 The Web workers feature enables a web application to execute
complex tasks independently without interfering with the
performance of a webpage in real-time.
Features of HTML 5
 Developers can now drop content into a page using „audio‟ and
„video‟ tags that are first order elements rather than the clunkier
„embed‟ code.
 The canvas option offers a true alternative to Flash if you want to
move away from dependence on that software and plug-in while still
offering an interactive multimedia experience.
 Improved Semantics makes it easy to see which parts of the page
are headers, nav, footers, aside, etc. as the tags are specific for
these all and most importantly know what their meaning and
purpose is in whole the format.
 It carries is the ability to store information without the need for a
developer to be online. This is useful for mobile application creators
since they can check on the application they are working on even
without Internet connection.
 HTML5 is designed to work on both desktop and mobile device
browsers with little need for tweaking and revision.
 Deployment across multiple platforms means you can develop once
and use the same code in many different markets. A single batch of
code leads to less maintenance and a lower lifetime cost.
Pros of HTML 5
 It is not compatible with all browsers. There are many
versions of IE which does not support HTML5.
 HTML 5 lacks the micro formats that run through different
browsers instead it uses new sets of tags. These new
tags add „sematic richness‟ to the content of a webpage.
The lack of the said feature is a turn-off by some
developers.
 A lot of developers need to readjust to web development.
Cons of HTML 5
 It is used for storage. Data can be stored on a
user‟s computer or mobile device. So web apps
can work with or with out internet connection.
What is HTML 5 used for?
 Anyone who is building web applications and want
to take their applications to the next level.
Target Audience for HTML 5
 It replaces Flash. The canvas option offers a true
alternative to Flash if you want to move away from
dependence on that software and plug-in while still
offering an interactive multimedia experience.
What technologies does HTML 5
compete with or replace
Will there be collateral damage caused by this
emerging web technology? (Is it a threat to
any existing technologies or industries?)
Yes, it poses a threat to Flash and the App(Apple) store.
“The threat to the apple store hasten the evolution of
alternative marketplaces which will provide discovery
points for both web-based, which is the HTML5
approach, and native applications,” says Wes Biggs, chief
technical officer of Adfonic, Europe‟s largest mobile
advertising network.The threat to flash is that iPhones and
iPads can not support Adobe Flash.
z
1. What are the New Media Elements in HTML5?
2. What is the difference between HTML 5
Application cache and regular HTML browser
cache?
3. What do you think of HTML 5?
Questions???
 Karthick, Ann. "Top 7 Features of HTML5." Developer.com. N.p., 14
Feb. 2012. Web. 4 June 2013.< http://www.developer.com/lang/top-
7-features-of-html5.html>.
 Tee, Jason. "Pros and cons of HTML5 for business ." The
ServerSide.com. N.p., n.d. Web. 4 June 2013.<
http://www.theserverside.com/tip/Pros-and-cons-of-HTML5-for-
business>.
 Cruise, R. "The Pros and Cons of HTML5." Gadg.Com. N.p., 1 Dec.
2010. Web. 4 June 2013.< http://www.gadg.com/2010/12/01/the-
pros-and-cons-of-html-5/>.
 Goodrich, Ryan. "What is HTML5?." Tech 5 Daily News. N.p., 15
Jan. 2013. Web. 4 June 2013.
<http://www.technewsdaily.com/16388-what-is-html5.html>.
 Ada, Adam. "Best Features of HTML 5." EzineArticles 13 Mar. 2013.
Web. 4 June 2013. <http://ezinearticles.com/?Best-Features-of-
HTML-5&id=3921227>.
 Clayton, Nick. "HTML 5 Poses Threat to Flash and the App store." The
Wall Street Journal (2011). Web. 5 July 2013. <http://blogs.wsj.com/tech-
europe/2011/07/28/html5-poses-threat-to-flash-and-the-app-store/>.
Work Cites

Contenu connexe

Dernier

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

Dernier (20)

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 

En vedette

Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

En vedette (20)

Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 

Antwan Hilton Html 5 Power Point Presentation

  • 2.  HTML5 is a W3C specification that defines the fifth major revision of the Hypertext Markup Language (HTML) for structuring and presenting content for the World Wide Web and a core technology of the Internet.  All Web designers use it, even if they don‟t really realize they are. HTML5 builds on the previous coding standards with the addition of certain improvements. What is HTML 5?
  • 3.  The features made possible by HTML 5 are Multimedia Support,New Input Element Types, Canvas in HTML5, Application caches, Geolocation, and Web workers.  Multimedia Supports both audio and video files to be played in a browser.  The New Input Element types help in receiving the input in a required format.  The Canvas in HTML5 feature allows pixel level operations like drawing a line, box, circle, and performing graphics.  Application caches are available so you can store web apps (like e- mails) and access it without having to connect with the internet.  The Geolocation feature enables location identification using various geo location technologies GPS (Global Positioning system), IP address, RFID (Radio frequency ID), Wi-Fi, Bluetooth MAC address and GSM/CDMA cell IDs.  The Web workers feature enables a web application to execute complex tasks independently without interfering with the performance of a webpage in real-time. Features of HTML 5
  • 4.  Developers can now drop content into a page using „audio‟ and „video‟ tags that are first order elements rather than the clunkier „embed‟ code.  The canvas option offers a true alternative to Flash if you want to move away from dependence on that software and plug-in while still offering an interactive multimedia experience.  Improved Semantics makes it easy to see which parts of the page are headers, nav, footers, aside, etc. as the tags are specific for these all and most importantly know what their meaning and purpose is in whole the format.  It carries is the ability to store information without the need for a developer to be online. This is useful for mobile application creators since they can check on the application they are working on even without Internet connection.  HTML5 is designed to work on both desktop and mobile device browsers with little need for tweaking and revision.  Deployment across multiple platforms means you can develop once and use the same code in many different markets. A single batch of code leads to less maintenance and a lower lifetime cost. Pros of HTML 5
  • 5.  It is not compatible with all browsers. There are many versions of IE which does not support HTML5.  HTML 5 lacks the micro formats that run through different browsers instead it uses new sets of tags. These new tags add „sematic richness‟ to the content of a webpage. The lack of the said feature is a turn-off by some developers.  A lot of developers need to readjust to web development. Cons of HTML 5
  • 6.  It is used for storage. Data can be stored on a user‟s computer or mobile device. So web apps can work with or with out internet connection. What is HTML 5 used for?
  • 7.  Anyone who is building web applications and want to take their applications to the next level. Target Audience for HTML 5
  • 8.  It replaces Flash. The canvas option offers a true alternative to Flash if you want to move away from dependence on that software and plug-in while still offering an interactive multimedia experience. What technologies does HTML 5 compete with or replace
  • 9. Will there be collateral damage caused by this emerging web technology? (Is it a threat to any existing technologies or industries?) Yes, it poses a threat to Flash and the App(Apple) store. “The threat to the apple store hasten the evolution of alternative marketplaces which will provide discovery points for both web-based, which is the HTML5 approach, and native applications,” says Wes Biggs, chief technical officer of Adfonic, Europe‟s largest mobile advertising network.The threat to flash is that iPhones and iPads can not support Adobe Flash. z
  • 10. 1. What are the New Media Elements in HTML5? 2. What is the difference between HTML 5 Application cache and regular HTML browser cache? 3. What do you think of HTML 5? Questions???
  • 11.  Karthick, Ann. "Top 7 Features of HTML5." Developer.com. N.p., 14 Feb. 2012. Web. 4 June 2013.< http://www.developer.com/lang/top- 7-features-of-html5.html>.  Tee, Jason. "Pros and cons of HTML5 for business ." The ServerSide.com. N.p., n.d. Web. 4 June 2013.< http://www.theserverside.com/tip/Pros-and-cons-of-HTML5-for- business>.  Cruise, R. "The Pros and Cons of HTML5." Gadg.Com. N.p., 1 Dec. 2010. Web. 4 June 2013.< http://www.gadg.com/2010/12/01/the- pros-and-cons-of-html-5/>.  Goodrich, Ryan. "What is HTML5?." Tech 5 Daily News. N.p., 15 Jan. 2013. Web. 4 June 2013. <http://www.technewsdaily.com/16388-what-is-html5.html>.  Ada, Adam. "Best Features of HTML 5." EzineArticles 13 Mar. 2013. Web. 4 June 2013. <http://ezinearticles.com/?Best-Features-of- HTML-5&id=3921227>.  Clayton, Nick. "HTML 5 Poses Threat to Flash and the App store." The Wall Street Journal (2011). Web. 5 July 2013. <http://blogs.wsj.com/tech- europe/2011/07/28/html5-poses-threat-to-flash-and-the-app-store/>. Work Cites