HTML5

Standardized since Oct 28, 2014

HTML5 is more semantic

It literally makes more sense!

Semantics

Definition: The study of relationships between signs and symbols and what they represent.

...

Conveys the meaning of the content of the document.

So many tags!
  • header
  • article
  • aside
  • progress
  • section
  • time
  • footer
  • ...many more
Remember old HTML?

How it was


<body>
    
    
    

This HTML is really stupid. We should upgrade it.

</body>

The new world order


<body>
    <header>

Hello, World!

<nav> </nav> <article>

This HTML is really stupid. We should upgrade it.

</article> <footer>

Copyright Noone

</body>

Client-side caching

Introducing: Application Cache

aka, appcache

...

  • Allows applications to run offline
  • Fetches assets. Stores locally
  • Browser no longer needs network
  • For offline, speed and less data use

App Cache, How to Use

Add manifest link to HTML


          <html manifest="example.appcache">
          ...
          

Add Manifest File


          CACHE MANIFEST
          # v1 - 2014-12-09
          # This is a comment.
          http://www.example.com/index.html
          http://www.example.com/header.png
          http://www.example.com/blah/blah
          

Questions?

No more tags! I want coffee!