【阅读】《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就是把上面出现4的地方都换成5就好,没想到比我想象的要容易
其中简化了doctype和meta,javascript的脚本链接也简化了的(这个例子没有显示)
可以在http://validator.w3.org网站上验证自己的html是那个版本的
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">
相关文章推荐
- html5 canvas自定义画板
- H5 canvas 小demo之小球的随机运动
- 基于HT for Web矢量实现2D叶轮旋转
- html5视频播放
- 疯狂html5演讲(两):HTML5简经常使用的元素和属性(一个):html5保留经常使用的元素
- HTML5 播放音频
- html5教程,文章list
- html5教程,文章list
- PWM例程__MK20DX128VLH5_K20系列
- PIT设置_中断优先级设置__MK20DX128VLH5_K20系列
- 使用Modernizr探测HTML5/CSS3新特性
- 我钟爱的HTML5和CSS3在线工具
- HTML5学习笔记简明版(4):新元素之video,audio,meter,datalist,keygen,output
- HTML5学习笔记简明版(5):input的type超级类型
- HTML5学习笔记简明版(8):新增的全局属性
- HTML5学习笔记简明版(9):变化的元素和属性
- 关于双色导航栏问题
- [FlashDevelop] 002.FlashDevelop + LayaFlash播放SWF并转成HTML5
- html5标签
- HTML5媒体