• Save
HTML 5, CSS3 and ASP.NET Best Practices by Example
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

HTML 5, CSS3 and ASP.NET Best Practices by Example

on

  • 4,876 views

 

Statistics

Views

Total Views
4,876
Views on SlideShare
4,875
Embed Views
1

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 1

http://www.verious.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

HTML 5, CSS3 and ASP.NET Best Practices by Example Document Transcript

  • 1. 11
  • 2. 2
  • 3. 3
  • 4. 4
  • 5. 5
  • 6. 6
  • 7. 7
  • 8. “How can I start using HTML5 if older browsers don’t support it?” But the questionitself is misleading. HTML5 is not one big thing; it is a collection of individualfeatures. 8
  • 9. you can’t detect “HTML5 support,” because that doesn’t make any sense. But you candetect support for individual features, like canvas, video, or geolocation. 9
  • 10. You may think of HTML as tags and angle brackets. That’s an important part of it, butit’s not the whole story. The HTML5 specification also defines how those anglebrackets interact with JavaScript, through the Document Object Model (DOM).HTML5 doesn’t just define a <video> tag; there is also a corresponding DOM API forvideo objects in the DOM. You can use this API to detect support for different videoformats, play a video, pause, mute audio, track how much of the video has beendownloaded, and everything else you need to build a rich user experience around the<video> tag itself. 10
  • 11. Unlike previous versions of HTML and XHTML, which are defined in termsof their syntax, HTML 5 is being defined in terms of the Document ObjectModel (DOM)—the tree representation used internally by browsers torepresent the document.Every XML and HTML document in an HTML UA is represented by aDocument object.The advantage of defining HTML 5 in terms of the DOM is that the languageitself can be defined independently of the syntax. There are primarily twosyntaxes that can be used to represent HTML documents: the HTMLserialisation (known as HTML 5) and the XML serialisation (known asXHTML 5). 11
  • 12. 12
  • 13. 13
  • 14. 14
  • 15. 15
  • 16. 16
  • 17. 17
  • 18. Map of HTML 5 18
  • 19. 19
  • 20. 20
  • 21. <section> A section, or section of a chapter of text, or a book.<header> The page header. This is not the same as the <head> element.<footer> The footer of the page. Typically where all the legal crapola goes.<nav> Navigation links to other pages. You could put your websites navigationin this for example.<article> A blog article could be encapsulated by this for example.<aside>The aside tag can be used to provide extra information for a block oftext. Much like sidebar material in books etc<figure>The <figure> element can be used to annotate your main text withdiagrams, which aren’t necessarily imperative to the text. 21
  • 22. 22
  • 23. 23
  • 24. 24
  • 25. 25
  • 26. 26
  • 27. 27
  • 28. 28
  • 29. 29
  • 30. http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5) 30
  • 31. Modernizr is an open source, MIT-licensed JavaScript library that detectssupport for many HTML5 and CSS3 features. At the time of writing, the latestversion is 1.1. You should always use the latest version. To do so, include thefollowing <script> element at the top of your page:<!DOCTYPE html><html><head><meta charset="utf-8"><title>Dive into HTML5</title><script src="modernizr.min.js"></script></head> <body> ...</body> </html> 31
  • 32. 32
  • 33. 33
  • 34. 34
  • 35. 35
  • 36. 36
  • 37. 37
  • 38. 38
  • 39. 39