SlideShare uma empresa Scribd logo
1 de 19
 HTML5 defines the fifth major revision of the core
language of the World Wide Web, HTML.
 HTML5 is the next major revision of the HTML
standard, currently under development. However,
most modern browsers have some HTML5 support.
 Like its immediate predecessors, HTML 4.01 and
XHTML 1.1, HTML5 is a standard for structuring and
presenting content on the World Wide Web.
 Plug-in problems
 HTML-Hyper Text Markup Language-is the
fundamental blueprint of all Websites.
 When you visit a site, you see pages with text,
photos, videos, and games. But your browser displays
all that stuff because it downloaded a big chunk of
HTML code that instructs it where to access that
media and how to lay it out on a virtual page.
http://www.pcworld.com/businesscenter/article/207653/html5_what_does_it_mean_for_you.html
 1991 HTML
 1994 HTML 2
 1996 CSS 1 + JavaScript
 1997 HTML 4
 1998 CSS 2
 2000 XHTML 1
 2002 Tableless Web Design
 2005 AJAX
 2008ish HTML 5 Begins….
Is HTML 5 ready yet??? http://ishtml5readyyet.com/
 “How can I start using HTML5 if older browsers
don’t support it?”
 But the question itself is misleading. HTML5 is not one big thing;
it is a collection of individual features.
 The HTML5 specification also defines how those
angle brackets interact with JavaScript, through the
Document Object Model (DOM). .
 It won’t support all video formats. Right now just
ogg and mp4 are the most popular.
Taken from http://diveintohtml5.org/
 HTML5builds on the success HTML 4.
 You don’t need to relearn things you already know.
 If your web application worked yesterday
in HTML 4, it will still work today in HTML5.
Taken from http://diveintohtml5.org/
 Whether you want to draw on a canvas, play video,
design better forms, or build web applications that
work offline, you’ll find that HTML5 is already well-
supported.
 Firefox, Safari, Chrome, Opera, and mobile browsers
already support canvas, video, geolocation, local
storage, and more.
 Google already supports microdata annotations.
 Even Microsoft — rarely known for blazing the trail
of standards support — will be supporting
most HTML5 features in Internet Explorer 9.
Taken from http://diveintohtml5.org/
Tim Berners-Lee invented the world wide web in the early
1990s. He later founded the W3C to act as a steward of
web standards, which the organization has done for more
than 15 years.
Here is what the W3C had to say about the future of web
standards, in July 2009:
Today the Director announces that when the XHTML 2 Working Group
charter expires as scheduled at the end of 2009, the charter will not be
renewed. By doing so, and by increasing resources in
the HTML Working Group, W3C hopes to accelerate the progress
of HTML5 and clarify W3C’s position regarding the future of HTML.
Taken from http://diveintohtml5.org/
 Everything is lighter in HTML5
 Code is shorter- Get things out of JavaScript that don’t need
to be there
Native audio/video
 According to projections from Cisco, online video viewing
will soon surpass peer-to-peer file sharing as the activity
responsible for the most traffic on the internet.
-Technology Review 2010
 Many modern websites show videos. HTML5 provides a
standard for showing them.
 Until recently web-based video relied on Flash, Adobe's rich
media language. But HTML could put an end to that with its
own native video tag.
 The control attribute is for adding play, pause, and volume
controls.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
 Still in the works for what video format will become the
standard.
 Apple & IE pushed=h.264 (portions of the H.264 technology
are covered by patents)
 Ogg=another HTML5 video format option being pushed by
the open source community, but the W3C is also concerned
over patent issues.
 Google recently introduced a new video format,
dubbed WebM, and open-sourced its technology in an effort to
settle the matter.
The key players can’t agree.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
Steve Jobs vs. Flash (unstable CPU hog)
 Flash can be used to create rich, Web-based
applications that could threaten App Store sales if
developers chose to market them independently.
Will flash go away?
 Flash is all over the web, but you have to have a
plug-in to make it work.
 Google supports it
Canvas
 In plain English, Canvas is an area in HTML5 that
allows users to draw.
 The canvas can be scaled by width or height and,
coupled with Javascript
 The canvas can be used to accept user input,
provide animations, edit images and a host of other
features.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
Geo-Location
 The geo-location features allow users to share their
current location with the site they are visiting.
 The feature uses a combination of GPS, WiFi, IP address
and Bluetooth to determine the user's position.
 There are many opportunities for geo-location-capable
browsers, including customized search results, location-
specific maps and listings and a host of others.
 Users have to actively give permission to a site to obtain
their location to prevent against abuse.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
Offline storage
 Offline storage is a lot like Google's Gears except
without needing a plugin.
 This means that anything from user details to email
can be stored locally and used by web applications.
 Work offline and sync to the cloud when you get
internet access.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
Local file access
 This new capability allows web-based applications
to access and manage files stored on a local hard disk.
 Users won't have to upload files to a remote server
before being able to manipulate them.
For example, a photo management application could be used to
manipulate an image stored locally, or even view thumbnails,
without needing to upload the image first.
 Drag and drop-have this capability with Gmail,
where you can drag a file to the browser window to
add as an attachment.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
A few other neat features (keep an eye out for these)
 Edit content: selected portions of the page will be
available to users to jot down notes and those notes
will appear when they return to the site.
 Chat: API associated with HTML5 will let web
developers set up a simple chat program. Users
interact beyond limits of a comments section (similar
to Meebo)
 Possibility of one icon that will open a window
capable of any task imaginable.
 With growing popularity of online software
packages (Office and Photoshop) html5 would allow
offline use and seamlessly synchronizing new changes
when a connection becomes available.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
 Should also speed the development of new kinds of
websites for presenting magazines and newspapers
on tablet computers.
 Libraries will love the new tags like <article> for
marking articles or blog posts with additional citation
information
 There’s an <aside> for attaching related content.
These tags will define the relationship between pieces
of content by enabling semantic identification.
 Scribd website example
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
 Supercookies
 Concerns about tracking
 Each browser has different privacy settings
 Software developers and the representatives of the
World Wide Web argue that as technology advances,
consumers have to balance its speed and features
against their ability to control their privacy.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html

Mais conteúdo relacionado

Mais procurados

2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source ConferenceGen Kanai
 
HTML5, the Evolution of Smart Media
HTML5, the Evolution of Smart MediaHTML5, the Evolution of Smart Media
HTML5, the Evolution of Smart MediaSeungyun Lee
 
The Bluffer’s Guide to Blackboard Theme Accessibility
The Bluffer’s Guide to Blackboard Theme AccessibilityThe Bluffer’s Guide to Blackboard Theme Accessibility
The Bluffer’s Guide to Blackboard Theme AccessibilityMatthew Deeprose
 
Introduction to Alternative Text
Introduction to Alternative TextIntroduction to Alternative Text
Introduction to Alternative TextMatthew Deeprose
 
Building for real standards (includes notes)
Building for real standards (includes notes)Building for real standards (includes notes)
Building for real standards (includes notes)Christian Heilmann
 
Basics of Web Technologies
Basics of Web TechnologiesBasics of Web Technologies
Basics of Web TechnologiesAndreas Jakl
 
The convergence of Publishing and the Web
The convergence of Publishing and the WebThe convergence of Publishing and the Web
The convergence of Publishing and the WebIvan Herman
 
Making it simple to ensure the use of colour is both on brand and accessible
Making it simple to ensure the use of colour is both on brand and accessibleMaking it simple to ensure the use of colour is both on brand and accessible
Making it simple to ensure the use of colour is both on brand and accessibleMatthew Deeprose
 

Mais procurados (14)

Sharepoint mobile
Sharepoint mobileSharepoint mobile
Sharepoint mobile
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference
 
HTML5, the Evolution of Smart Media
HTML5, the Evolution of Smart MediaHTML5, the Evolution of Smart Media
HTML5, the Evolution of Smart Media
 
The Bluffer’s Guide to Blackboard Theme Accessibility
The Bluffer’s Guide to Blackboard Theme AccessibilityThe Bluffer’s Guide to Blackboard Theme Accessibility
The Bluffer’s Guide to Blackboard Theme Accessibility
 
ASSESSMENT TASK no.3
ASSESSMENT TASK no.3ASSESSMENT TASK no.3
ASSESSMENT TASK no.3
 
Introduction to Alternative Text
Introduction to Alternative TextIntroduction to Alternative Text
Introduction to Alternative Text
 
Html5
Html5Html5
Html5
 
Building for real standards (includes notes)
Building for real standards (includes notes)Building for real standards (includes notes)
Building for real standards (includes notes)
 
Ppt to Website
Ppt to WebsitePpt to Website
Ppt to Website
 
Basics of Web Technologies
Basics of Web TechnologiesBasics of Web Technologies
Basics of Web Technologies
 
The Next Web Generation
The Next Web GenerationThe Next Web Generation
The Next Web Generation
 
The convergence of Publishing and the Web
The convergence of Publishing and the WebThe convergence of Publishing and the Web
The convergence of Publishing and the Web
 
Web engineering lecture 4
Web engineering lecture 4Web engineering lecture 4
Web engineering lecture 4
 
Making it simple to ensure the use of colour is both on brand and accessible
Making it simple to ensure the use of colour is both on brand and accessibleMaking it simple to ensure the use of colour is both on brand and accessible
Making it simple to ensure the use of colour is both on brand and accessible
 

Semelhante a HTML5

Everything That You Need To Know About HTML5
Everything That You Need To Know About HTML5Everything That You Need To Know About HTML5
Everything That You Need To Know About HTML5KaneJordy1
 
Everything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 minEverything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 minEdgar Parada
 
UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7Hisham Mat Hussin
 
Top 10 major benefits of html 5
Top 10 major benefits of html 5Top 10 major benefits of html 5
Top 10 major benefits of html 5Parul Rani Sagar
 
Buzz & fuss about html5
Buzz & fuss about html5Buzz & fuss about html5
Buzz & fuss about html5PixelCrayons
 
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...ijceronline
 
Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5Christian Heindel
 
HTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing RevenueHTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing Revenuebloevens
 
Html5 workshop part 1
Html5 workshop part 1Html5 workshop part 1
Html5 workshop part 1NAILBITER
 
HTML5 introduction for beginners
HTML5 introduction for beginnersHTML5 introduction for beginners
HTML5 introduction for beginnersVineeth N Krishnan
 
HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...
HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...
HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...Idexcel Technologies
 
HTML5 Technical Executive Summary
HTML5 Technical Executive SummaryHTML5 Technical Executive Summary
HTML5 Technical Executive SummaryGilad Khen
 
HTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web DevelopmentHTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web DevelopmentTilak Joshi
 

Semelhante a HTML5 (20)

Everything That You Need To Know About HTML5
Everything That You Need To Know About HTML5Everything That You Need To Know About HTML5
Everything That You Need To Know About HTML5
 
Everything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 minEverything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 min
 
UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7
 
HTML5 101
HTML5 101HTML5 101
HTML5 101
 
Html5 overview
Html5 overviewHtml5 overview
Html5 overview
 
Html5(2)
Html5(2)Html5(2)
Html5(2)
 
Html 5 Features And Benefits
Html 5 Features And Benefits  Html 5 Features And Benefits
Html 5 Features And Benefits
 
HTML5 (Mid-Technical)
HTML5 (Mid-Technical)HTML5 (Mid-Technical)
HTML5 (Mid-Technical)
 
Top 10 major benefits of html 5
Top 10 major benefits of html 5Top 10 major benefits of html 5
Top 10 major benefits of html 5
 
Buzz & fuss about html5
Buzz & fuss about html5Buzz & fuss about html5
Buzz & fuss about html5
 
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
 
Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5
 
Qnx html5 hmi
Qnx html5 hmiQnx html5 hmi
Qnx html5 hmi
 
HTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing RevenueHTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing Revenue
 
Html5 workshop part 1
Html5 workshop part 1Html5 workshop part 1
Html5 workshop part 1
 
HTML5 introduction for beginners
HTML5 introduction for beginnersHTML5 introduction for beginners
HTML5 introduction for beginners
 
Html5
Html5Html5
Html5
 
HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...
HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...
HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...
 
HTML5 Technical Executive Summary
HTML5 Technical Executive SummaryHTML5 Technical Executive Summary
HTML5 Technical Executive Summary
 
HTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web DevelopmentHTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web Development
 

Mais de Western Illinois University Libraries (8)

Welcome to the Curriculum Library Fall 2016
Welcome to the Curriculum Library Fall 2016Welcome to the Curriculum Library Fall 2016
Welcome to the Curriculum Library Fall 2016
 
Welcome to the Curriculum Library
Welcome to the Curriculum LibraryWelcome to the Curriculum Library
Welcome to the Curriculum Library
 
Introduction to making psa’s pt3
Introduction to making psa’s pt3Introduction to making psa’s pt3
Introduction to making psa’s pt3
 
Psa Workshop-Production
Psa Workshop-ProductionPsa Workshop-Production
Psa Workshop-Production
 
PSA Workshop -PreProduction
PSA Workshop -PreProductionPSA Workshop -PreProduction
PSA Workshop -PreProduction
 
2-17-killlian-sustainability
2-17-killlian-sustainability2-17-killlian-sustainability
2-17-killlian-sustainability
 
Databasics
DatabasicsDatabasics
Databasics
 
Specialized databases
Specialized databasesSpecialized databases
Specialized databases
 

Último

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
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 WorkerThousandEyes
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
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.pdfsudhanshuwaghmare1
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?Antenna Manufacturer Coco
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 

Último (20)

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
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
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
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
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 

HTML5

  • 1.
  • 2.  HTML5 defines the fifth major revision of the core language of the World Wide Web, HTML.  HTML5 is the next major revision of the HTML standard, currently under development. However, most modern browsers have some HTML5 support.  Like its immediate predecessors, HTML 4.01 and XHTML 1.1, HTML5 is a standard for structuring and presenting content on the World Wide Web.  Plug-in problems
  • 3.  HTML-Hyper Text Markup Language-is the fundamental blueprint of all Websites.  When you visit a site, you see pages with text, photos, videos, and games. But your browser displays all that stuff because it downloaded a big chunk of HTML code that instructs it where to access that media and how to lay it out on a virtual page. http://www.pcworld.com/businesscenter/article/207653/html5_what_does_it_mean_for_you.html
  • 4.  1991 HTML  1994 HTML 2  1996 CSS 1 + JavaScript  1997 HTML 4  1998 CSS 2  2000 XHTML 1  2002 Tableless Web Design  2005 AJAX  2008ish HTML 5 Begins…. Is HTML 5 ready yet??? http://ishtml5readyyet.com/
  • 5.  “How can I start using HTML5 if older browsers don’t support it?”  But the question itself is misleading. HTML5 is not one big thing; it is a collection of individual features.  The HTML5 specification also defines how those angle brackets interact with JavaScript, through the Document Object Model (DOM). .  It won’t support all video formats. Right now just ogg and mp4 are the most popular. Taken from http://diveintohtml5.org/
  • 6.  HTML5builds on the success HTML 4.  You don’t need to relearn things you already know.  If your web application worked yesterday in HTML 4, it will still work today in HTML5. Taken from http://diveintohtml5.org/
  • 7.  Whether you want to draw on a canvas, play video, design better forms, or build web applications that work offline, you’ll find that HTML5 is already well- supported.  Firefox, Safari, Chrome, Opera, and mobile browsers already support canvas, video, geolocation, local storage, and more.  Google already supports microdata annotations.  Even Microsoft — rarely known for blazing the trail of standards support — will be supporting most HTML5 features in Internet Explorer 9. Taken from http://diveintohtml5.org/
  • 8. Tim Berners-Lee invented the world wide web in the early 1990s. He later founded the W3C to act as a steward of web standards, which the organization has done for more than 15 years. Here is what the W3C had to say about the future of web standards, in July 2009: Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the HTML Working Group, W3C hopes to accelerate the progress of HTML5 and clarify W3C’s position regarding the future of HTML. Taken from http://diveintohtml5.org/
  • 9.  Everything is lighter in HTML5  Code is shorter- Get things out of JavaScript that don’t need to be there Native audio/video  According to projections from Cisco, online video viewing will soon surpass peer-to-peer file sharing as the activity responsible for the most traffic on the internet. -Technology Review 2010  Many modern websites show videos. HTML5 provides a standard for showing them.  Until recently web-based video relied on Flash, Adobe's rich media language. But HTML could put an end to that with its own native video tag.  The control attribute is for adding play, pause, and volume controls. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 10.  Still in the works for what video format will become the standard.  Apple & IE pushed=h.264 (portions of the H.264 technology are covered by patents)  Ogg=another HTML5 video format option being pushed by the open source community, but the W3C is also concerned over patent issues.  Google recently introduced a new video format, dubbed WebM, and open-sourced its technology in an effort to settle the matter. The key players can’t agree. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 11. Steve Jobs vs. Flash (unstable CPU hog)  Flash can be used to create rich, Web-based applications that could threaten App Store sales if developers chose to market them independently. Will flash go away?  Flash is all over the web, but you have to have a plug-in to make it work.  Google supports it
  • 12. Canvas  In plain English, Canvas is an area in HTML5 that allows users to draw.  The canvas can be scaled by width or height and, coupled with Javascript  The canvas can be used to accept user input, provide animations, edit images and a host of other features. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 13. Geo-Location  The geo-location features allow users to share their current location with the site they are visiting.  The feature uses a combination of GPS, WiFi, IP address and Bluetooth to determine the user's position.  There are many opportunities for geo-location-capable browsers, including customized search results, location- specific maps and listings and a host of others.  Users have to actively give permission to a site to obtain their location to prevent against abuse. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 14. Offline storage  Offline storage is a lot like Google's Gears except without needing a plugin.  This means that anything from user details to email can be stored locally and used by web applications.  Work offline and sync to the cloud when you get internet access. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 15. Local file access  This new capability allows web-based applications to access and manage files stored on a local hard disk.  Users won't have to upload files to a remote server before being able to manipulate them. For example, a photo management application could be used to manipulate an image stored locally, or even view thumbnails, without needing to upload the image first.  Drag and drop-have this capability with Gmail, where you can drag a file to the browser window to add as an attachment. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 16. A few other neat features (keep an eye out for these)  Edit content: selected portions of the page will be available to users to jot down notes and those notes will appear when they return to the site.  Chat: API associated with HTML5 will let web developers set up a simple chat program. Users interact beyond limits of a comments section (similar to Meebo)
  • 17.  Possibility of one icon that will open a window capable of any task imaginable.  With growing popularity of online software packages (Office and Photoshop) html5 would allow offline use and seamlessly synchronizing new changes when a connection becomes available. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 18.  Should also speed the development of new kinds of websites for presenting magazines and newspapers on tablet computers.  Libraries will love the new tags like <article> for marking articles or blog posts with additional citation information  There’s an <aside> for attaching related content. These tags will define the relationship between pieces of content by enabling semantic identification.  Scribd website example Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 19.  Supercookies  Concerns about tracking  Each browser has different privacy settings  Software developers and the representatives of the World Wide Web argue that as technology advances, consumers have to balance its speed and features against their ability to control their privacy. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html

Notas do Editor

  1. 3. This new standard incorporates features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash and Microsoft Silverlight. 4. Must be installed, Power hungry, Slow browser, Crash prone
  2. 2. So you can’t detect “HTML5 support,” because that doesn’t make any sense. But you can detect support for individual features, like canvas, video, or geolocation. 2. You may think of HTML as tags and angle brackets. That’s an important part of it, but it’s not the whole story. 3. HTML5 doesn’t just define a <video> tag; there is also a corresponding DOM API for video objects in the DOM
  3. 1. You don’t need to throw away your existing markup. 2. There’s just newer features that work within HTML 5.
  4. 5. In HTML 5 it is not only as easy to embed a video in a website as it has been to embed an image - using just one tag - but it also opens the way for a host of additional features. Using the HTML5 video tag developers can embed videos without third-party codes and manipulate the videos in real-time.
  5. 3. Again, like the video tag, developers can use the canvas tag to create regions of dynamic content without relying on external plugins. 3. There are a number of simple and more advanced examples of canvas at work on the Internet.
  6. HTML5's geo-location capabilities are already being included in many popular browsers Typically this is more functional on mobile devices with built-in GPS or location-aware hardware.
  7. Gears first introduced the idea of storing data locally so that applications could continue to work even when disconnected from the network. Offline storage is also like seriously beefed-up cookies, with significantly more storage space.
  8. Local file access is likely to be at the heart of future web applications. The potential in this is significant as it paves the way for web applications to behave the same way as desktop-based applications and making browsers more like an application platform than simply a web viewer.
  9. 2. New tags in the coding of sites will help them better organize the information they present to search engines’ automated indexers. That could make search results more relevant for everyone.”
  10. 2. not all browsers have obvious settings for removing data created by the new Web language. Even the most proficient software engineers and developers acknowledge that deleting that data is tricky and may require multiple steps.