HTML5: HTML5 介绍

ylbtech-HTML5: HTML5 介绍
1. 什么是 HTML5?返回顶部  
HTML5 是下一代 HTML 标准。
HTML,HTML 4.01的上一个版本诞生于1999年。自从那儿以后,Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
 
2. HTML5 是如何起步的?返回顶部
HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。
WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在2006年,双方决定进行合作,来创建一个新版本的 HTML。
HTML5 中的一些有趣的新特征:
1.用于绘画的 canvas 元素
2.用于媒介回放的 video 和 audio 元素
3.对本地离线存储的更好支持
4.新的特殊内容元素,比如 article、footer、header、nav、section
5.新的表单控件,比如 calendar、date、time、email、url、search
3. HTML5 <!DOCTYPE>返回顶部
<!DOCTYPE> 声明必须位于 HTML5 文档中的第一行,使用非常简单:
<!DOCTYPE html>
4. 最小的 HTML5 文档返回顶部
下面是一个简单的 HTML5 文档:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>

注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码

5. HTML5 的改进返回顶部
1.新元素
2.新属性
3.完全支持 CSS3
4.Video 和 Audio
5.2D/3D 制图
6.本地储存
7.本地 SQL 数据
8.Web 应用
6. HTML5 多媒体 返回顶部
使用 HTML5 你可以简单的绘制图形:
1.使用 <canvas> 元素
2.使用内联 SVG
3.使用 CSS3 2D/3D
7. HTML5 使用 CSS3返回顶部
1.新选择器
2.新属性
3.动画
4.2D/3D 转换
5.圆角
6.阴影效果
7.可下载的字体

了解更多 CSS3 知识请查看的 CSS3 教程。

8. 语义元素返回顶部
HTML5 添加了很多语义元素如下所示:
标签 描述
<article> 定义页面的侧边栏内容。
<aside> 定义页面内容之外的内容。
<bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置。
<command> 定义命令按钮,比如单选按钮、复选按钮和按钮。
<details> 用于描述文档或者文档某个部分的细节。
<dialog> 定义对话框,比如提示框。
<summary> 标签包含 details 元素的标题。
<figure> 规定独立的流内容(图像、图表、照片、代码等等)。
<figcaption> 定义 <figure> 元素的标题。
<footer> 定义 setion 或 document 的脚本。
<header> 定义了文档的头部区域。
<mark> 定义带有记号的文本。
<meter> 定义度量衡。仅用于已知最大和最小值的度量。
<nav> 定义运行中的进度(进程)。
<progress> 定义任何类型的任务的进度。
<ruby> 定义 ruby 注释(中文注释或字符)。
<rt> 定义字符(中文注音或字符)的解释或发音。
<rp> 在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
<section> 定义文档的节(section、区段)。
<time> 定义日期或时间。
<wbr> 规定在文本中的何处适合添加换行符。
 
9.返回顶部
 
10.返回顶部
 
 
11.返回顶部
 
HTML5: HTML5 介绍 作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
上一篇:求三数中Max和猜拳游戏


下一篇:李洪强和你一起学习前端之(4)HTML5介绍