码迷,mamicode.com
首页 > Web开发 > 详细

Head First HTML5 Programming笔记--chapter1 认识HTML5

时间:2014-11-25 23:27:56      阅读:285      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   ar   color   使用   sp   java   

升级到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。

 

Head First HTML5 Programming笔记--chapter1 认识HTML5

标签:style   blog   http   io   ar   color   使用   sp   java   

原文地址:http://www.cnblogs.com/huanghongxia/p/4117096.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!