Head First HTML5 Programming笔记--chapter1 认识HTML5
升级到HTML5
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html14/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Head First Lounge</title> <link type="text/css" rel="stylesheet" href="lounge.css"> <script type="text/javascript" src="lounge.js"></script> </head> <body> <h1>Welcome to Head First Lounge</h1> <p> <img src="drinks.gif" alt="Drinks"> </p> <p> Join us any evening for refreshing <a href="elixirs.html">elixirs</a>, conversation and maybe a game or two of Tap Tap Revolation. Wireless access is always provided; BYOWS (Bring Your Own Web Server). </p> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html14/strict.dtd"> <!DOCTYPE html> <html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta charset="utf-8"/> <title>Head First Lounge</title>
<link type="text/css" rel="stylesheet" href="lounge.css">
<link rel="stylesheet" href="lounge.css">
<script type="text/javascript" src="lounge.js"></script>
<script src="lounge.js"></script> </head> <body> <h1>Welcome to Head First Lounge</h1> <p> <img src="drinks.gif" alt="Drinks"> </p> <p> Join us any evening for refreshing <a href="elixirs.html">elixirs</a>, conversation and maybe a game or two of Tap Tap Revolation. Wireless access is always provided; BYOWS (Bring Your Own Web Server). </p> </body>
</html>
HTML5的技术家庭:
CSS3, Web工作线程， 表单， 离线Web应用， 音频&视频， 新元素， 本地存储， 画布， 地理定位
BULLET POINTS
- HTML5是最新版本的HTML.它引入了简化的标记、新的语义和媒体元素，另外要依赖于一组支持Web应用的JavaScript库。
- XHTML不再是Web页面的标准。开发人员和W3C决定还是继续扩展和改进HTML.
- 新的、更为简单的HTML5 doctype在较老的浏览器上也得到支持，这些浏览器看到这个doctype时会使用标准模式。
- <script>标记或指向CSS的样式表链接中不再需要type属性。现在JavaScript和CSS是默认类型。
- 用于指定字符集的<meta>标记已经大为简化，只包含字符编码。
- UTF-8现在是Web上使用的标准字符集。
- 对doctype和<meta>标记做出修改不会影响页面在较老浏览器上的显示。
- HTML5的新元素是HTML4元素的一个超集，这说明，较老的页面在现代浏览器中仍能正常工作。
- 按官方说法，HTML5标准在2014年前不会正式完成，不过大多数现代浏览器在此之前就能提供支持（现在就有很多浏览器支持HTML5）！
- HTML5引入了一些元素，可以向页面增加新的语义，与HTML4.01相比，可以提供更多选项来创建Web页面结构。
- HTML5中的很多新特性都需要JavaScript来充分加以利用。
- 通过使用JavaScript，可以与DOM交互，也就是文档对象模型（Document Object Model）。
- DOM是Web页面的浏览器内部表示。通过使用JavaScript，你可以访问元素、修改元素，还可以向DOM增加新元素。
- JavaScript API是一个“应用编程接口”。利用API，可以控制HTML5的所有方面，比如2D绘图、视频回放等等。
- JavaScript是世界上最流行的语言之一。最近几年，JavaScript实现有了显著的改进。
- 可以检测一个浏览器中是否支持某个新特性，如果不支持还能够妥善地降级。
- CSS是HTML5的样式标准，很多人用“HTML5”描述创建Web应用所用的技术家族时，都包含CSS。
