HTML5学习之旅
Posted 编程语言之旅
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5学习之旅相关的知识，希望对你有一定的参考价值。
蓝
长沙-2018.5
Wednesday ，May 23
2018
关于html5的学习
HTML5 是下一代 HTML 标准。
HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
HTML5的设计目的是为了在移动设备上支持多媒体。
<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单：
<!DOCTYPE html>
下面是一个简单的HTML5文档：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>文
档内容
......
</body>
</html>
对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。
HTML5 的改进
新元素
新属性
完全支持 CSS3
Video 和 Audio
2D/3D 制图
本地存储
本地 SQL 数据
Web 应用
HTML5 多媒体
使用 HTML5 你可以简单的在网页中播放 视频(video)与音频 (audio) 。
HTML5 <video>
HTML5 <audio>
HTML5 应用
使用 HTML5 你可以简单地开发应用
本地数据存储
访问本地文件
本地 SQL 数据
缓存引用
javascript 工作者
XHTMLHttpRequest 2
HTML5 图形
使用 HTML5 你可以简单的绘制图形:
使用 <canvas> 元素
使用内联 SVG。
使用 CSS3 2D 转换、CSS3 3D 转换。
HTML5 使用 CSS3
新选择器
新属性
动画
2D/3D 转换
圆角
阴影效果
可下载的字体
实例
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<video width="320" height="240" controls> <source type="video/mp4"> <source type="video/ogg"> 你的浏览器不支持 video 标签。
</video>
</body>
</html>
End
IE9 以下版本浏览器兼容HTML5的方法，使用本站的静态资源的html5shiv包：
<!--[if lt IE 9]>
<script ></script>
<![endif]-->
载入后，初始化新标签的CSS：
/*html5*/
article,aside,dialog,footer,header,section,nav,figure, menu{display:block}
扫描上方二维码关注我！
以上是关于HTML5学习之旅的主要内容，如果未能解决你的问题，请参考以下文章