WDIM268 Week 6 (Summer 2010)
•
0 j'aime•373 vues
The document discusses the reasons for using HTML5, including backwards compatibility, richer media capabilities, and more semantic tags. It provides examples of simplified HTML5 code compared to older HTML versions. Key points are made around proper HTML5 syntax like using boolean attributes without values and updated tag meanings like the <b> tag indicating stylistic offset instead of extra importance.
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à WDIM268 Week 6 (Summer 2010)
Similaire à WDIM268 Week 6 (Summer 2010) (20)
Plus de Tyler Sticka
Plus de Tyler Sticka (10)
Dernier
Dernier (20)
WDIM268 Week 6 (Summer 2010)
- 1. WDIM268WEEK6
- 2. Why HTML5?
- 3. Pave the cow paths! Photo Credit: Lovro67
- 6. Rich media.
- 8. Ease-of-use.
- 9. How do I start?
- 10. Remember this?
- 11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>(Page title)</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <script type="text/javascript" src="scripts.js"></script> </head> <body> (Page content) </body> </html>
- 12. Ta-da!
- 13. <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>(Page title)</title> <link rel="stylesheet" href="style.css" media="screen, projection" /> <script src="scripts.js"></script> </head> <body> (Page content) </body> </html>
- 14. <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>(Page title)</title> <link rel="stylesheet" href="style.css" media="screen, projection" /> <script src="scripts.js"></script> </head> <body> (Page content) </body> </html>
- 15. <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>(Page title)</title> <link rel="stylesheet" href="style.css" media="screen, projection" /> <script src="scripts.js"></script> </head> <body> (Page content) </body> </html>
- 16. <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>(Page title)</title> <link rel="stylesheet" href="style.css" media="screen, projection" /> <script src="scripts.js"></script> </head> <body> (Page content) </body> </html>
- 17. <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>(Page title)</title> <link rel="stylesheet" href="style.css" media="screen, projection" /> <script src="scripts.js"></script> </head> <body> (Page content) </body> </html>
- 19. <br> <br/> If a tag is empty and requires no closing tag, slash or no slash is okay.
- 20. alt alt=Ham alt=′Ham′ alt=″Ham″ Attribute values must be provided, with the value enclosed in quotes.
- 21. selected selected=selected selected=′selected′ selected=″selected″ Boolean (on/off) attributes can omit the redundant value (but they don’t have to).
- 23. font big Use abbr instead frame frameset noframes acronym strike center These are obsolete in HTML5.
- 24. small now means “small print,” legalese, etc.
- 25. b means stylisticially offset without conveying extra importance Continue using strong when the text has extra importance.
- 26. i means the text is in “an alternate voice or mood” Continue using em when the text has extra emphasis.
- 27. <a href=""> <h1>Post Title</h1> <p>Short description.</h1> </a> Anchor tags can now be inline or block.
- 28. These exciting developments and more in this week’s demo!