Downloaded 59 times
Uploaded byiFactory
HTML5: New Possibilities for Publishing
The document discusses HTML5 and its enhancements for publishing, highlighting the role of ifactory as an interactive design and development company. It outlines key features of HTML5, such as improved findability, richer interactive content, better design layouts, geolocation capabilities, and offline storage options. Additionally, it explores the benefits of web apps compared to native apps and the timeline for adopting HTML5 features in various browsers.
More Related Content
Similar to HTML5: New Possibilities for Publishing
HTML5: New Possibilities for Publishing
- 1. HTML5New Possibilities forPublishing
- 2. Who is iFactory?Adivision of RDW Group, iFactory is an interactive design and development company with over 19 years experience.
- 3. Who is iFactory?Adivision of RDW Group, iFactory is an interactive design and development company with over 19 years experience.Among our staff:DesignersDevelopersInformation ArchitectsUsability ExpertsStrategic ConsultantsClients include: Academic Publishers Reference PublishersJournal PublishersLibraries…from Massachusetts to London
- 4. What is HTML?HyperTextMarkup LanguageThe “building blocks” of all web pagesTag format: <html></html>
- 5. Example<div class="content"> <h1>Titlefor a Page</h1> <p>Text for a paragraph here. Text for a paragraph here. Text for a paragraph here. Text for a paragraph here.</p> <imgsrc="images/face.jpg" alt="My face" /> <h2>Header Level Two Here</h2> <ul> <li><a href="page.html">Item One</a></li> <li><a href="page.html">Item Two</a></li><li><a href="page.html">Item Three</a></li> </ul> </div>
- 6. Why a newversion?10 years since last update An open standard Consistency among an expanding number of devices Easier and less expensive to publish content
- 7. HTML 5 =HTML5 + CSS 3 + JavaScript
- 8. A new logosource:w3.org/html/logo
- 9. What’s new inHTML 5?Five Points for Publishing
- 10. What’s new inHTML 5?1. Better Findability & Syndication
- 11. What’s new inHTML 5?1. Better Findability & SyndicationNew semantic tags
- 12.
- 13. Example<article> <header> <time datetime="2009-10-22" pubdate>October22, 2009</time> <h1> <a href="page.html">Travel day</a> </h1> </header> <p>Loremipsum dolor sit amet…</p> </article>
- 14. MicrodataitemscopeitemtypeitempropEvent Organization PersonProduct Review BlogThing Creative Work Article Book Author ...and more
- 15.
- 16. Example<div itemscopeitemtype="http://schema.org/Book"> <imgitemprop="image"src="catcher-in-the-rye-cover.jpg" /> <span itemprop="name">The Catcher in the Rye</span><link itemprop="bookFormat" href="http://schema.org/ Paperback">Mass Market Paperback by <a itemprop="author" href="/author/jd_salinger.html"> J.D. Salinger</a> <span itemprop="numPages">224</span> pages<span itemprop="publisher">Little, Brown, and Company</span> <meta itemprop="publishDate" content="1991-05-01"> May 1, 1991<span itemprop="inLanguage">English</span>ISBN-10: <span itemprop="isbn">0316769487</span></div>
- 17. We may soonsee search results like this…source: diveintohtml5.org
- 18. What’s new inHTML 5?1. Better Findability & SyndicationOpportunities:
- 19. What’s new inHTML 5?1. Better Findability & SyndicationOpportunities:Better search results
- 20.
- 21. Embeddable content licensingWhat’snew in HTML 5?2. Richer Interactive Content
- 22. Native audio &video
- 23. Canvas & SVGsource:en.inforapid.org
- 24.
- 25. Drag & dropsource:my.picsengine.com
- 26. What’s new inHTML 5?2. Richer Interactive Content Opportunities:
- 27. What’s new inHTML 5?2. Richer Interactive Content Opportunities:Figures, diagrams, games
- 28.
- 29.
- 30.
- 31. Search engine optimizationWhat’snew in HTML 5?3. Truer Design & Layout
- 32.
- 33.
- 34. Media queries &responsive layoutssource: 2011.uxlondon.com
- 35. What’s new inHTML 5?3. Truer Design & Layout Opportunities:
- 36. What’s new inHTML 5?3. Truer Design & Layout Opportunities:Closer brand adherence
- 37. Better legibility onscreen
- 38. Nicer reading experienceon mobile
- 39. Single site developmentWhat’snew in HTML 5?4. Geolocation
- 40. What’s new inHTML 5?4. GeolocationA user’s coordinates
- 41. Multiple ways ofcalculating (triangulation, GPS)
- 42.
- 43. Currently a useropt-in featureExample: Twitter
- 44.
- 45.
- 46.
- 47. What’s new inHTML 5?4. Geolocation Opportunities:
- 48. What’s new inHTML 5?4. Geolocation Opportunities:Social / sharing / collaboration
- 49.
- 50. Augmented realityWhat’s newin HTML 5?5. Offline storage & applications
- 51. What’s new inHTML 5?5. Offline storage & applicationsMore like native apps
- 52.
- 53.
- 54.
- 55.