HTML5 is the successor to HTML and XHTML and was developed by the Web Hypertext Application Technology Working Group (WHATWG) and monitored by the World Wide Web Consortium (W3C). It addresses issues with browser inconsistency and reliance on plugins by standardizing new features like video, audio, canvas drawing, drag and drop, local storage, geolocation, and improved semantics. HTML5 allows for richer design through gradients, transparency, shadows, rounded corners, and text effects. It also enables better responsive design, gaming, and rich media experiences. HTML5 is important for marketers because it improves search engine optimization through more specific tags and multimedia indexing. It also enables better mobile and email marketing through features like embedded video that work
2. What is HTML?
• Hypertext Markup Language
• HTML elements form the building blocks of all
websites
3. What is the problem?
• Browser inconsistency
• Reliance on plug-ins
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)
6. Semantics Video
Audio Canvas
Drag &
Drop
Local
Storage
Geolocation
Image &
Type
HTML5 — Not a “thing”
A collection of new conventions and methods
7. New in HTML5 — Semantics
Content is more organized, search friendly, and indexable
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. 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. 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. 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. 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. 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
24. Better for SEO
• More specific tags to determine type of
content
• Multimedia indexing
• Better page segmentation
• More unique function with crawlability
25. Mobile Features
• Video integration
• Audio integration
• Better compatibility
• Higher exposure across multiple devices
27. 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