《HTML5 开发实例大全》——导读

简介:


前言

从HTML 5标准被推出以来,经过几年的探索和发展,在浏览器公司的努力下,到本书截稿为止,HTML 5已经成为新一代网页技术的标准。目前已经有众多浏览器支持HTML 5的新功能,并且Android和iOS等智能手机平台也支持HTML 5。

从技术角度而言,HTML 5有两大特点:首先,强化了 Web 网页的表现性能;其次,追加了本地数据库等 Web 应用的功能。广义论及HTML 5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash、Microsoft Silverlight与Oracle JavaFX的需求,并且提供更多能有效增强网络应用的标准集。
前言
[第1章 千里之行 始于足下——基本元素实战
1.1 一个基本的HTML 5页面 ]
1.2 在页面中输出一段文字
1.3 使用HTML 5的新元素对页面进行分栏设计
1.4 使用CSS修饰HTML 5页面
1.5 使用< details >标记元素实现交互
1.6 使用脚本控制交互的元素
1.7 实现下拉弹出效果
1.8 无刷新弹出图片和文字
1.9 使用< summary >标记元素实现交互
1.10 使用< menu >标记元素实现菜单交互
1.11 实现右键菜单功能
1.12 使用< command >标记元素实现动态对话框效果
1.13 使用< progress >标记元素实现进度条效果
1.14 使用< meter >标记元素实现百分比效果
1.15 设置< progress >进度条的样式
1.16 使用< html >根元素显示文字
1.17 通过标签设置目标链接
1.18 通过JavaScript脚本获取并显示文本框的内容
1.19 实现树节点效果
1.20 分组列表显示网页中的内容
1.21 在网页中突出显示某些文字
1.22 使用< cite >元素引用文档
1.23 在网页中显示一幅图片
1.24 在网页中显示一个文本框架
1.25 使用< object >元素在网页中显示一个Flash
1.26 使用鼠标光标拖动网页中的文字
1.27 自动隐藏或显示网页中的文字
1.28 自动检测输入的拼音是否正确
1.29 编辑修改网页中的文字
1.30 联合使用< section >和< article >标签
1.31 在网页中显示联系信息
1.32 在表单中使用< object >元素插入一个Flash
1.33 实现拖曳和拖放处理
第2章 表单元素实战
第3章 文件操作实战
第4章 音频和视频实战
第5章 绘图实战
第6章 数据存储
第7章 WEB SOCKETS API通信实战
第8章 GEOLOCATION API实战
第9章 前后台数据交互——WEB WORKERS API实战
第10章 统计图实战
第11章 特效实战
第12章 游戏实战前言

相关文章
|
8月前
|
移动开发 前端开发 JavaScript
基于 HTML5 和 Canvas 开发的在线图片编辑器
基于 HTML5 和 Canvas 开发的在线图片编辑器
156 0
|
9月前
|
存储 移动开发 编解码
基于HTML5开发的Markdown在线编辑器
Markdown是一种轻量级标记语言,以其简洁易读的格式而备受程序员和作者们的青睐。随着互联网的发展,越来越多的在线Markdown编辑器应运而生,为用户提供了更加便捷、高效的写作和编辑环境。本文将探讨基于HTML5开发的Markdown在线编辑器的设计原理、功能特点以及技术优势。
182 4
|
5月前
|
XML 数据格式
HTML 实例解析
本文介绍了HTML中常见元素的使用方法,包括`&lt;p&gt;`、`&lt;body&gt;`和`&lt;html&gt;`等。详细解析了这些元素的结构和作用,并强调了正确使用结束标签的重要性。此外,还提到了空元素的使用及大小写标签的规范。
|
10月前
|
关系型数据库 MySQL
web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
|
7月前
|
前端开发 Java 关系型数据库
通过HTML网页对mysql数据库进行增删改查(CRUD实例)
通过HTML网页对mysql数据库进行增删改查(CRUD实例)
475 0
|
10月前
|
存储 移动开发 编解码
基于HTML5开发的Markdown在线编辑器
Markdown是一种轻量级标记语言,以其简洁易读的格式而备受程序员和作者们的青睐。随着互联网的发展,越来越多的在线Markdown编辑器应运而生,为用户提供了更加便捷、高效的写作和编辑环境。本文将探讨基于HTML5开发的Markdown在线编辑器的设计原理、功能特点以及技术优势。
111 1
基于HTML5开发的Markdown在线编辑器
|
9月前
|
缓存 移动开发 前端开发
在PWA的开发中,HTML与CSS作为前端技术的基础,发挥着至关重要的作用
【6月更文挑战第14天】PWA(渐进式网页应用)借助HTML和CSS,提供接近原生应用的体验。HTML构建页面结构和内容,响应式设计适应各种设备,语义化标签提升可访问性,Manifest文件配置应用元数据,离线页面保证无网时体验。CSS则用于定制主题样式,创建动画效果,实现响应式布局,并管理字体和图标。两者协同工作,确保PWA在不同环境下的优秀性能和用户体验。随着前端技术进步,HTML与CSS在PWA中的应用将更加深入。
70 2
|
10月前
HTML 实例
HTML 实例。
39 1
|
9月前
|
机器学习/深度学习 Web App开发 前端开发
【Web开发】深度学习HTML(超详细,一篇就够了)
【Web开发】深度学习HTML(超详细,一篇就够了)
50 0
|
10月前
|
缓存 前端开发 JavaScript
【专栏:HTML与CSS移动端开发篇】移动端网页性能优化策略
【4月更文挑战第30天】本文探讨了移动端网页性能优化的重要性,并提出了优化策略。HTML方面,建议精简结构、使用语义化标签、异步加载脚本和压缩文件;CSS优化包括精简样式、使用CSS3动画、媒体查询和压缩文件。其他策略涉及图片和字体压缩、缓存利用、数据压缩、减少HTTP请求及根据网络状态调整加载。综合运用这些策略能提升网页性能和用户体验。
148 6