您的位置:首页 > Web前端 > HTML5

【阅读】《head first html5》第一章——认识html5

2015-07-20 10:07 627 查看
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引入了一些元素,可以向页面增加新的语义,与html4.01相比,可以提供更多选项来创建Web页面结构。
html5中的很多新特性都需要javascript来充分加以利用。
通过使用javascript,可以与DOM交互,也就是文档对象模型(Document Object Model)
DOM是Web页面的浏览器内部表示,通过使用javascript,你可以访问元素、修改元素,还可以向DOM增加I新元素。
javascript API是一个“应用编程接口”利用API,可以控制html5的所有方面,比如2D绘图、视频回放等。
javascript是直接上最流行的语言之一,最近几年,javascript实现了显著的改进。
可以检测浏览器中是否支持某个新特性,如果不支持还能够妥善的降级(适配)
CSS是html5的样式标准,很多人用“html5”描述创建web应用所用的技术家族时,都包含CSS。

html5的样子

这是一个标准的html4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>

<body>
</body>
</html>


起初我以为html5就是把上面出现4的地方都换成5就好,没想到比我想象的要容易
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
</body>
</html>


其中简化了doctype和meta,javascript的脚本链接也简化了的(这个例子没有显示)
可以在http://validator.w3.org网站上验证自己的html是那个版本的

</pre><pre name="code" class="html">
</pre><pre name="code" class="html">
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: