1. HTML5&CSS3

2. Webpage Editors Notepad++ TextWrangler (Mac Users) Dreamweaver Editplus http://notepad- plus.sourceforge.net/uk/site.htm http://www.barebones.com/products/textwra ngler/

3. Document Type Definition DTD tag points to URI and Formal Public Identifier (FPI) for the actual definition file. HTML5 simplifies the DTD tag:

4. HTML5 Shim IE9 fully supports HTML5, not less than IE9 Solutions: make IE read the comments and define new elements

5. HTML5 Tag List https://developer.mozilla.org/en- US/docs/HTML/HTML5/HTML5_element_list https://developer.mozilla.org/en- US/docs/HTML/HTML5/HTML5_element_list http://www.w3schools.com/html/html5_new _elements.asp http://www.w3schools.com/html/html5_new _elements.asp

6. Essential Tags

7. Special Characters Character Code # # $ $ © © or © ® ® < < > > & & " " (space)

8. Canvas vs. SVG SVG uses XML DOM Supports event handlers

9. Color Spaces in CSS Name: aqua, black, blue, fuchsia, gray, grey, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow #rrggbb rgb(rrr,ggg,bbb) rgba(rrr,ggg,bbb,a) a=0 transparent transparent lack of background color (default) transparent same as parent element

10. CSS selectors Tag selector Class selector ID selector h1, #id,.class { property: values } [quoted if values have spaces]

11. HTML5 semantic tags,,, and

12. HTML 5 figures

13. Box model 2-D box model http://www.w3.org/TR/CSS2/box.html 3-D CSS box model http://www.hicksdesign.co.uk/boxmodel/

14. HTML 5 Drop and Drag

15. HTML 5 geolocation navigator.geolocation getCurrentPosition(doing_func_if_succ) function doing_func_if_succ() Errors: error.PERMISSION_DENIED error.POSITION_UNAVAILABLE error.TIMEOUT error.UNKNOWN_ERROR

16. HTML 5 videos and audios

17. HTML 5 new input types color date datetime datetime-local email month number range search tel time url week

18. HTML5 new form element

19. HTML5 local storage Storage localStorage - stores data with no expiration date sessionStorage - stores data for one session localStorage.key=“value”

20. HTML5 cache...

21. HTML 5 Server Sent Event Automatic update from server Good for temporary file detection var source=new EventSource(“somefile.php"); source.onmessage=function(event) { document.getElementById("result").innerHT ML+=event.data + " "; };

22. Call php in HTML or javascript function javaFunction(){var url=" window.open(url, "_self"); }

23. HTML call javascript function myFunction() { alert("Hello World!"); } Try it document.getElementById("demo").innerHTML=myFunction();

24. HTML call php Name: Age: Welcome ! You are years old.