返学费网 > 培训机构 > 厦门众行智慧

400-850-8622

全国统一学习专线 8:30-21:00

[厦门市]HTML5详细介绍-比html多了什么

授课机构:厦门众行智慧

地址:厦门湖里区江头吕岭路75号长安大厦10楼

网报价格:¥电询

课程原价:¥电询

咨询热线:400-850-8622

课程详情 在线报名

 HTML5 草案的前身名为 Web Applications 1.0。於 2004 年被 WHATWG 提出,於 2007 年被 W3C 接纳,并成立了新的 HTML 工作团队。在 2008 年 月 22 日,*份正式草案已公布,预计将在 2010 年 月正式向公众推荐。 WHATWG 表示该规范是目前正在进行的工作,仍须多年的努力。

新标记
HTML5 提供了一些新的元素和属性,例如<nav>(网站导航块)和<footer>。这种标签将有利于搜索引擎的索引整理,同时更好的帮助小屏幕装置和视障人士使用,除此之外,还为其他浏览要素提供了新的功能,如<audio><video>标记。
一些过时的 
HTML4 标记将被取消。其中包括纯粹显示效果的标记,如<font><center>,它们已
经被 
CSS 取代。

<video>标记
定义和用法:
<video> 标签定义视频,比如电影片段或其他视频流。
实例:
一段简单的 
HTML5 视频

1
<video src="movie.ogg" controls="controls">

您的浏览器不支持 video 标签。
</video>
各系统与浏览器支持的视频格式:

1
2
3
4
<th>HTML5 </th>
 
 
[object Object]

ogg = 带有 Thedora 视频编码和 Vorbis 音频编码的 Ogg 文件。
mp4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件。


<audio> 标记
定义和用法
<audio> 标签定义声音,比如音乐或其他音频流。
实例:
一段简单的 
HTML 5 音频
<audio src="someaudio.wav">
您的浏览器不支持 audio 标签。
</audio>
音频格式:
当前, 
audio 元素支持三种音频格式:

<canvas> 标记
定义和用法:
<canvas> 标签定义图形,比如图表和其他图像。
实例:
如何通过 
canvas 元素来显示一个红色的矩形:

1
2
3
4
5
6
7
8
9
10
11
12
13
<canvas id="myCanvas"></canvas>
 
<script type="text/javascript">
 
var canvas=document.getElementById('myCanvas');
 
var ctx=canvas.getContext('2d');
 
ctx.fillStyle='#FF0000';
 
ctx.fillRect(0,0,80,100);
 
</script>

什么是 Canvas
HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。
画布是一个矩形区域,您可以控制其每一像素。
canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 
HTML5: 标签的改变
HTML5 吸取了 XHTML 2 一些建议,包括一些用来改善文档结构的功能,比如,新的 HTML 
签 
header, footer, dialog, aside, figure 等的使用,将使内容创作者更加语义地创建文档,之前的开发者
在这些场合是一律使用 
div 的。
HTML5 还包含了一些将内容和展示分离的努力,开发者们也许会惊讶, 和 标签依然存在,
但它们的意义已经和之前有所不同,这些标签的意义只是为了将一段文字标识出来,而不是为了为它们
设置粗体或斜体式样。 
u, font, center, strike 这些标签则被完全去掉了。
新标准适用了一些全新的表单输入对象,包括日期, 
URL, Email 地址,其它的对象则增加了对非
拉丁字符的支持。 
HTML5 还引入了微数据,一种使用机器可以识别的标签标注内容的方法,使语义
Web 的处理更为简单。总的来说,这些与结构有关的改进使内容创建者可以创建更干净,更容易管理
的网页,这样的网页对搜索引擎,对读屏软件等更为友好。
新应用程序接口( API
除了原先的 DOM 接口, HTML5 增加了更多 API,如:
1. 用于即时 2D 绘图的 Canvas 标签
2. 定时媒体回放
3. 离线数据库存储
4. 文档编辑
HTML 5 从入门到精通-中文学习教程
第 总 261 页 05-16-2011
5. 拖拽控制
6. 浏览历史管理
HTML 5与 HTML 4 的不同之处
新的解析顺序新的元素: section, video, progress, nav, meter, time, aside, canvasinput 元素的新属性:
日期和时间, 
email, url。新的通用属性: ping, charset, async 全域属性: id, tabindex, repeat。移除元素:
center, font, strike
HTML 5 有两大特点:
首先,强化了 Web 网页的表现性能。除了可描绘二维图形外,还准备了用于播放视频和音频的标
签。
其次,追加了本地数据库等 
Web 应用的功能。
异常处理
HTML5(text/html)浏览器将在错误语法的处理上更加灵活。 HTML5 在设计时保证旧的浏览器能够
安全的忽略掉新的 
HTML5 代码。与 HTML4.01 相比, HTML5 给出了解析的详细规则,力图让不同的
浏览器即使在发生语法错误时也能返回相同的结果。
 

  • 报名课程:
  • 性别:
  • 姓名:
  • 手机号码:
  • 其它说明:
姓名不能为空
手机号格式错误