html5 - the future in a flash
Post on 01-Nov-2014
2.395 Views
Preview:
DESCRIPTION
TRANSCRIPT
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)• Monitored by W3C (World Wide Web
Consortium)
IS HTML5 THE FUTURE?
Semantics Video
Audio Canvas
Drag & Drop
Local Storage
Geolocation Image & Type
HTML5 — Not a “thing”A collection of new conventions and methods
New in HTML5 — SemanticsContent 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 even on older browsers that require Flash.
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.
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.
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.
New in HTML5 — GeolocationWebsites can benefit from knowing exactly where the user accessing their site is from, enabling a more personalized local experience.
New in HTML5 — Local StorageClient-side key-value database, stored in the users browser
The users data is saved on their machine inside their browser, not on the server
DESIGN IN HTML5
Design in HTML5 — Gradients, Transparencies, Shadows, Rounded Corners, and Text Effects
Design in HTML 5 — TypographyMore 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 unique function with crawlability
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 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
THANK YOU.
sitewire.com@sitewireagencyfacebook.com/sitewireyoutube.com/sitewire
top related