什么是HTML5?
它为页面提供了一个更简单、更直接的元素结构,使它们更容易构建、调整和调试,并构建自动化服务,帮助您在web上找到重要资源。 它为以前需要烦人的音频、视频等插件的普通媒体对象提供了标准元素。这些插件需要定期更新,即重复下载以管理安全。 有与界面的本地集成,以利用现代网络和移动需求。 我最喜欢的例子之一是地理定位,它可以让你通过浏览器确定网页访问者的GPS坐标。 此功能以前仅限于配备GPS的手机应用程序。
HTML5对谁重要?
你只是网络用户还是YouTube粉丝?
你是网络开发人员吗?
您想构建Web浏览器吗?
HTML5的背景
HTML5从哪里来?
HTML的历史
HTML 2.0:1995年 HTML 4.0:1997 HTML 4.01:2000 HTML 5:2014
HTML5的目标
“[HTML5]扩展、改进和合理化了文档可用的标记,并为复杂的web应用程序引入了标记和……(API)……HTML5也是跨平台移动应用程序的潜在候选者。许多功能的设计都考虑到了智能手机和平板电脑等低功耗设备。”
消除诸如Flash之类的插件,以实现每个人都需要的通用功能。 构建对音频和视频等内容的本地支持。 使用新的本机元素减少对JavaScript和额外代码的需要。 跨浏览器和设备提供一致性。 尽可能透明地执行所有这些操作。
HTML5引入了哪些新功能?
HTML5的新元素
-
<标题> 和 <页脚> -
<导航> 适用于各种菜单 -
<旁白> 侧边栏或附近的相关内容 -
<文章> 内容的去向,如博客文章 -
<章节> 类似 <div> 但更注重满足 -
<音频> 和 <视频> 标签,让本地浏览器管理每个标签的播放。 没有更多的插件和安全更新 -
<画布> 专门用于使用单独的脚本语言绘制图形 -
<嵌入> 在页面中放置外部内容或应用程序
-
音频和视频播放 :提供跨浏览器的媒体播放,无需插件。 -
地理位置 :确定访客的位置。 -
拖放 :用于通过简单手势从浏览器上传文件。 -
网络工作者 :在后台运行JavaScript(非阻塞)。 -
服务器发送事件 :允许服务器在加载网页后在浏览器中更新网页,比AJAX和JavaScript更简单、更高效。 -
离线数据存储 :提供了一种独立于cookie在浏览器中本地存储数据的方法。
HTML5的几个实际例子
锅炉板HTML5页面
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
视频元素和播放器
|
|
|
|
形式
20多种HTML表单初学者最佳实践 安德鲁·伯吉斯 2021年12月31日 在PHP中创建联系人表单 蒙蒂·肖基恩 2021年4月15日 免费创建JavaScript和HTML5表单 蒙蒂·肖基恩 2022年11月24日 使用jQuery轻松进行表单验证 蒙蒂·肖基恩 2021年7月9日
可缩放矢量图形(SVG)
接下来是什么?
-
HTML5简介 :MDN为希望快速浏览所有新元素的开发人员提供了HTML5改进的出色介绍。 -
HTML5演示和示例 :非常适合向您展示各种HTML5演示的有序菜单,向您展示可能的功能。
相关链接
HTML5(维基百科) HTML5医生 21个令人难以置信的HTML5画布实验(Envato Tuts+) 从头开始编码HTML 5布局(Smashing Magazine) HTML5示例:教程共和国 HTML5演示和示例 HTML5Test:您的浏览器支持HTML5的程度如何