HTML5秘籍 内容简介
《HTML5秘籍》共包括四个部分,共12章。第一部分介绍了HTML5的发展历程,利用HTML5重新构造网页,以及HTML5的语义元素。第二部分介绍了HTML5对传统Web表单的翻新、HTML5中的音频与视频、Canvas绘图技术、CSS3等内容。第三部分介绍了数据存储、离线应用、与Web服务器通信,以及HTML5与JavaScript技术的强大结合等内容。第四部分为附录,简单介绍了CSS和JavaScript。《HTML5秘籍》既适合新手学习,也能助有经验的Web开发人员解决日常工作中遇到的难题。
HTML5秘籍 目录
第一部分 认识新语言
第1章 HTML5简介
1.1 HTML5的故事
1.1.1 XHTML 1.0更严格的标准
1.1.2 XHTML 2:意想不到的失败
1.1.3 HTML5:起死回生
1.1.4 HTML:活着的语言
1.2 HTML5的三个主要原理
1.2.1不破坏Web
1.2.2 修补牛蹄子路
1.2.3 实用至上
1.3 HTML5标记初体验
1.3.1 HTML5文档类型
1.3.2 字符编码
1.3.3 页面语言
1.3.4 添加样式表
1.3.5 添加JaVaScript
1.3.6 最终结果
1.4 HTML5语法
1.4.1 放松的规则
1.4.2 HTML5验证
1.4.3 XHTML的回归
1.5 HTML5元素家族
1.5.1 新增的元素
1.5.2 删除的元素
1.5.3 改变的元素
1.5.4 调整的元素
1.5.5 标准化的元素
1.6 今天开始用HTML5
1.6.1 了解浏览器支持情况
1.6.2 浏览器装机情况统计
1.6.3 通过Modernizr检测功能
1.6.4 使用腻子脚本”填补功能缺陷
第2章 构造网页的新方式
2.1 语义元素
2.2 改造传统的HTML页面
2.2.1 构造页面的老办法
2.2.2 使用HTML5构造页面_
2.2.3 用标注副标题
2.2.4 用添加插图
2.2.5 用添加附注
2.3 浏览器对语义元素的支持情况
2.4 使用语义元素设计站点
2.4.1 理解
2.4.2 用标注导航链接
2.4.3 理解
2.4.4 理解区块
2.5 HTML5纲要
2.5.1 如何查看纲要
2.5.2 基本纲要
2.5.3 分块元素
2.5.4 解决一个纲要问题
第3章 有意义的标记
3.1 回顾语义元素
3.1.1 使用标注日期和时间
3.1.2 使用标注JavaScript返回值
3.1.3 使用标注突显文本
3.2 其他语义标准
3.2.1 ARIA
3.2.2 RDFa
3.2.3 Microformats
3.2.4 Microdata
3.3 GOogle Rich Snippets
3.3.1 增强搜索结果
3.3.2 菜谱搜索引擎
第二部分 制作新网页
第4章 Web表单
4.1 理解表单
4.2 传统表单翻新
4.2.1 通过占位符文本添加提示
4.2.2 焦点:挑选正确的起点
4.3 验证:阻止错误
4.3.1 HTML5验证的原理
4.3.2 关闭验证
4.3.3 验证样式挂钩
4.3.4 使用正则表达式
4.3.5 自定义验证
4.3.6 浏览器对验证的支持
4.4 新的输入控件
4.4.1 电子邮件地址
4.4.2 网址
4.4.3 搜索框
4.4.4 电话号码
4.4.5 数值
4.4.6 滑动条
4.4.7 日期和时间
4.4.8 颜色
4.5 新元素
4.5.1 使用
......
第5章 音频与视频
第6章 基本Canvas绘图
第7章 高级Canvas技术
第8章 使用CSS3
第三部分 构建桌面式Web应用
第9章 数据存储
第10章 离线应用
第11章 与Web服务器通信
第12章 更酷的JavaScript技术
第四部分 附录
附录A CSS简明教程
附录B JavaScript简明教程
HTML5秘籍 精彩文摘
4.2.2焦点:挑选正确的起点
加载完表单之后,用户要做的第一件事儿就是填写表单。然而,除非用户按下Tab切换到第一个控件,或者在其中单击一下鼠标,从而让第一个控件获得焦点,否则就不能输入。
在相应的<input>元素上通过JavaScript调用focus()方法,可以帮用户完成焦点切换。但这样就得编写代码,而且有时还会出现问题。比如,在调用focus()方法之前,用户已经单击了其他控件并开始输入的情况也可能发生。这时硬性地把焦点切换到第一个控件显得很粗鲁。但如果浏览器自己能控制焦点,它就可以在用户操作之前,先把焦点给予正确的控件。
这就是HTML5添加autofocus属性的初衷,但只能给一个<input>或<textarea>元素添加这个属性:
<label for="name">Name<em>*</em></label>
<input id=“name”placeholder=”JaneSmith”autofocus> <br>
→→→→→→→→→→→→→→→→→→→→查找获取
评论