The Future in a Flash
What is HTML?
• Hypertext Markup Language
• HTML elements form the building blocks of all
websites
What is the problem?
• Browser inconsistency
• Reliance on plug-ins
What is HTML 5?
• Successor of HTML & XHTML
• Developed by WHATWG (Web Hypertext
Application Technology Working Group)
• M...
IS HTML5 THE FUTURE?
Semantics Video
Audio Canvas
Drag &
Drop
Local
Storage
Geolocation
Image &
Type
HTML5 — Not a “thing”
A collection of new ...
New in HTML5 — Semantics
Content is more organized, search friendly, and indexable
New in HTML5 — <Video>
Using an HTML5 Javascript Library, your videos can be played
back on the latest mobile devices and ...
New in HTML5 — <Audio>
HTML5 specifies a standard way to include audio, with the audio
element.
The audio element can play...
New in HTML5 — <Canvas>
2D drawing platform within the browser without the need of a
plug-in such as Flash. Applications i...
New in HTML5 — Drag & Drop
(DnD) Drag and drop is one of the often used functionalities
throughout websites for various re...
New in HTML5 — Geolocation
Websites can benefit from knowing exactly where the user
accessing their site is from, enabling...
New in HTML5 — Local Storage
Client-side key-value database, stored in the users browser
The users data is saved on their ...
DESIGN IN HTML5
Design in HTML5 — Gradients, Transparencies,
Shadows, Rounded Corners, and Text Effects
Design in HTML 5 — Typography
More diverse, more brand friendly, more flexible for
SEO and indexing
Design in HTML5 — Gaming
Design in HTML5 — Rich Media Experience
Design in HTML5 — Rich Media Experience
Design in HTML5 — Responsive Design
HTML5 FOR MARKETERS
Better for SEO
• More specific tags to determine type of
content
• Multimedia indexing
• Better page segmentation
• More u...
Mobile Features
• Video integration
• Audio integration
• Better compatibility
• Higher exposure across multiple devices
Email Marketing
• Embedded video emails
• No need for plugin compatibility
• Cross browser support
Summary
• Content/Media will become more important to
SEO as HTML5 makes it easier to rank and index
• HTML 5 is important...
THANK YOU.
Html 5
Html 5
Upcoming SlideShare
Loading in …5
×

Html 5

346 views
307 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
346
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
25
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • http://www.flickr.com/photos/noquedanfotos/3379810763/lightbox/
  • Html 5

    1. 1. The Future in a Flash
    2. 2. What is HTML? • Hypertext Markup Language • HTML elements form the building blocks of all websites
    3. 3. What is the problem? • Browser inconsistency • Reliance on plug-ins
    4. 4. What is HTML 5? • Successor of HTML & XHTML • Developed by WHATWG (Web Hypertext Application Technology Working Group) • Monitored by W3C (World Wide Web Consortium)
    5. 5. IS HTML5 THE FUTURE?
    6. 6. Semantics Video Audio Canvas Drag & Drop Local Storage Geolocation Image & Type HTML5 — Not a “thing” A collection of new conventions and methods
    7. 7. New in HTML5 — Semantics Content is more organized, search friendly, and indexable
    8. 8. New in HTML5 — <Video> Using an HTML5 Javascript Library, your videos can be played back on the latest mobile devices and even on older browsers that require Flash.
    9. 9. New in HTML5 — <Audio> HTML5 specifies a standard way to include audio, with the audio element. The audio element can play sound files, or an audio stream.
    10. 10. New in HTML5 — <Canvas> 2D drawing platform within the browser without the need of a plug-in such as Flash. Applications include web apps, data visualization, animated graphics, and gaming.
    11. 11. New in HTML5 — Drag & Drop (DnD) Drag and drop is one of the often used functionalities throughout websites for various reasons. HTML 5 allows this function to be implemented with ease.
    12. 12. New in HTML5 — Geolocation Websites can benefit from knowing exactly where the user accessing their site is from, enabling a more personalized local experience.
    13. 13. New in HTML5 — Local Storage Client-side key-value database, stored in the users browser The users data is saved on their machine inside their browser, not on the server
    14. 14. DESIGN IN HTML5
    15. 15. Design in HTML5 — Gradients, Transparencies, Shadows, Rounded Corners, and Text Effects
    16. 16. Design in HTML 5 — Typography More diverse, more brand friendly, more flexible for SEO and indexing
    17. 17. Design in HTML5 — Gaming
    18. 18. Design in HTML5 — Rich Media Experience
    19. 19. Design in HTML5 — Rich Media Experience
    20. 20. Design in HTML5 — Responsive Design
    21. 21. HTML5 FOR MARKETERS
    22. 22. Better for SEO • More specific tags to determine type of content • Multimedia indexing • Better page segmentation • More unique function with crawlability
    23. 23. Mobile Features • Video integration • Audio integration • Better compatibility • Higher exposure across multiple devices
    24. 24. Email Marketing • Embedded video emails • No need for plugin compatibility • Cross browser support
    25. 25. Summary • Content/Media will become more important to SEO as HTML5 makes it easier to rank and index • HTML 5 is important for marketing across multiple screens/devices • HTML 5 imagines a web that is more visually and interactively robust • The time to adopt is now, in order to prepare for what is to come
    26. 26. THANK YOU.

    ×