代码逆袭
出版日期:2015-9
ISBN:978712126935X
作者:赵荣娇
页数:288页
内容概要
赵荣娇，毕业于中国传媒大学，工学硕士。目前就职于淘宝网航旅事业部，担任前端开发工程师，曾参与旅游特卖首页、1688订单等项目开发。热爱技术，喜欢分享。中国传媒大学新媒体研究院主办《信息科技周刊》总编辑、《新媒体技术动态》发起人。著有《超实用的CSS代码段》一书。
书籍目录
目录
第1章 创建HTML文档
1
1.1 HTML文档的基本结构
2
1.2 HTML文档类型
2
1.3 利用HTML元素定义中文网页
3
1.4 利用title定义网页的标题
4
1.5 利用meta元素定义页面元信息
5
1.6 利用head元素定义文档头部
7
1.7 利用body元素定义文档主体
8
1.8 利用base元素定义基底网址
9
1.9 定义网页在不同显示媒体下的样式
10
1.10 指定外部资源的link元素
12
1.11 添加网站Logo
14
1.12 预先获取资源Link Prefetch
15
1.13 利用script元素定义客户端脚本
16
1.14 添加注释
16
1.15 载入外部脚本库
18
1.16 延迟脚本执行
19
1.17 异步执行脚本
20
1.18 利用noscript元素实现脚本的替代内容
24
1.19 HTML属性
25
1.20 为元素指定类或ID名称
25
1.21 为元素添加title属性
27
第2章 头部 meta元素
28
2.1 定义页面关键字
28
2.2 设置页面描述
29
2.3 设定作者信息
30
2.4 限制搜索方式
31
2.5 网页语言与文字
33
2.6 定时跳转页面
34
2.7 设定网页缓存过期时间
35
2.8 禁止从缓存中调用
36
2.9 删除过期的Cookie
38
2.10 设置网页的过渡效果
39
第3章标记文字
44
3.1 标题
45
3.2 表示关键字和产品名称
48
3.3 强调
49
3.4 表示外文词语或科技术语
50
3.5 表示重要的文字
52
3.6 表示不正确或校正
53
3.7 为文字添加下画线
54
3.8 添加小号字体内容
55
3.9 添加上标和下标
56
3.10 强制换行
57
3.11 指明可以安全换行的建议位置
58
3.12 表示输入和输出
60
3.13 表示缩写
63
3.14 定义术语
64
3.15 引用来自他处的内容
66
3.16 引用其他作品的标题
67
3.17 表示时间和日期
68
3.18 ruby、rt和rp元素
69
3.19 bdo元素
69
3.20 bdi元素
70
3.21 表示一段一般性的内容
71
3.22 突出显示文本
73
第4章显示图像
75
4.1 必须知道的图像格式和压缩形式
75
4.2 图像的超简应用
77
4.3 语义化带标题的图片
78
4.4 提前载入图片
79
4.5 图像区域映射
80
4.6 使用base64:URL格式的图片
82
第5章生成超链接
86
5.1 生成指向外部的超链接
87
5.2 使用相对URL
87
5.3 生成页面内超链接
88
5.4 图像链接
90
5.5 电子邮件链接
91
5.6 设定浏览环境
92
5.7 在框架中打开
92
第6章组织文字内容
94
6.1 段落
94
6.2 页面主体的结构化布局
96
6.3 使用预先编排好格式的内容
99
6.4 引用他处内容
101
6.5 添加主题分隔线
103
6.6 将内容组织为列表
104
6.7 输出有顺序关系的内容
104
6.8 使用无序列表输出无序并列的内容
105
6.9 使用自定义列表输出有标题的并列内容
106
6.10 列表项的使用
107
6.11 使用菜单列表
108
6.12 使用下拉列表
109
6.13 在页面中输出对话
110
第7章划分文档结构
112
7.1 添加基本的标题
113
7.2 隐藏子标题hgroup
114
7.3 生成节
115
7.4 为区域添加头部和尾部
117
7.5 添加导航区域
119
7.6 在页面中输出文章
120
7.7 生成附注栏
122
7.8 在页面输出联系人信息
124
7.9 生成详情区域
124
第8章多媒体文件
126
8.1 使用多媒体打造丰富的视觉效果
126
8.2 全面兼容的video
127
8.3 多媒体文件标签
130
8.4 object元素
130
8.5 param元素
132
8.6 嵌入Flash代码
134
8.7 实现Flash全屏播放
135
8.8文字的滚动
135
8.9定义媒介源
136
8.10定义媒介外部文本轨道
136
第9章表格
138
9.1 生成基本的表格
138
9.2 让表格没有凹凸感
142
9.3 添加表头
143
9.4 为表格添加结构
144
9.5 制作不规则的表格
148
9.6 正确地设置表格列
150
9.7 设置表格边框
153
9.8 其他表格设计
157
第10章表单与文件
166
10.1 制作基本表单
166
10.2 自动聚焦
168
10.3 禁用单个input元素
169
10.4 关闭输入框的自动提示功能
171
10.5 关闭输入法
171
10.6 按回车键跳转至下一个输入框
172
10.7 定制input元素
173
10.8 生成隐藏的数据项
175
10.9 输入验证
176
10.10 生成按钮
177
10.11 使用表单外的元素
178
10.12 显示进度
178
10.13 密钥对生成器
179
第11章网页中的框架
180
11.1 在页面中使用iframe
180
11.2 设置iframe透明背景色
182
11.3 让iframe高度自适应
182
11.4 垂直框架
183
11.5 水平框架
184
11.6 混合框架
184
11.7 使用标签<br />185<br /> 第12章 HTML 5 Canvas<br />187<br /> 12.1 在页面中使用canvas元素<br />187<br /> 12.2 使用路径和坐标<br />189<br /> 12.3 绘制弧形和圆形<br />192<br /> 12.4 用纯色填充图形<br />194<br /> 12.5 使用渐变色填充<br />196<br /> 12.6 在画布中绘制文本<br />199<br /> 12.7 将画布输出为PNG图片文件<br />201<br /> 12.8 复杂场景使用多层画布<br />203<br /> 12.9 使用requestAnimationFrame制作游戏或动画<br />203<br /> 12.10 如何显示满屏canvas<br />206<br /> 12.11 canvas圆环进度条<br />207<br /> 第13章 HTML 5地理定位<br />210<br /> 13.1 使用navigator对象<br />210<br /> 13.2 获取当前位置<br />213<br /> 13.3 浏览器支持<br />215<br /> 第14章 HTML 5本地存储<br />216<br /> 14.1 在客户端存储数据<br />216<br /> 14.2 检查HTML 5存储支持<br />217<br /> 14.3 利用localStorage进行本地存储<br />217<br /> 14.4 利用localStorage存储JSON对象<br />219<br /> 14.5 利用localStorage记录用户表单输入<br />220<br /> 14.6 利用localStorage进行跨文档数据传递<br />223<br /> 14.7 在localStorage中存储图片<br />225<br /> 14.8 在localStorage中存储文件<br />227<br /> 14.9 使用localForage进行离线存储<br />229<br /> 14.10 利用sessionStorage进行本地存储<br />230<br /> 第15章 HTML 5应用缓存<br />234<br /> 15.1 使用cache manifest创建页面缓存<br />234<br /> 15.2 离线Web网页或应用<br />236<br /> 15.3 删除本地缓存<br />237<br /> 15.4 更新缓存文件<br />238<br /> 15.5 使用HTML 5离线应用程序缓存事件<br />238<br /> 15.6 如何失效缓存<br />242<br /> 第16章移动开发<br />245<br /> 16.1 手机上直接电话呼叫或短信<br />245<br /> 16.2 设置iPhone书签栏图标<br />247<br /> 16.3 HTML 5表单<br />250<br /> 16.4 HTML 5相册<br />252<br /> 第17章其他常用代码<br />255<br /> 17.1 让IE支持HTML 5标签<br />255<br /> 17.2 网页自动关闭<br />258<br /> 17.3 地址栏换成自己的图标<br />259<br /> 17.4 网页不能另存<br />259<br /> 17.5 禁止查看网页源代码<br />260<br /> 17.6 网页不出现滚动条<br />261<br /> 17.7 设定打开网页的大小<br />261<br /> 17.8 变换当前网页的光标<br />262</pre></p> <p class="calculate"><b>作者简介</b></p> <p class="calculate"><pre class="exuberance">《超实用的HTML代码段》精选300余段HTML代码，覆盖了几乎所有的HTML元素，是网站建设和网页设计人员在设计HTML结构代码时不可或缺的设计方案、技巧和参照。本书的代码从基础的HTML元素讲起，每一个讲解都附有实践，涵盖了从HTML 4到HTML 5的新元素，这些网页跨平台、跨设备、跨浏览器，充分向读者演示了如何使用HTML的各个元素和使用技巧。<br /> 《超实用的HTML代码段》从创建HTML文档开始介绍，分别按章节介绍了HTML各元素的作用和使用方法，并对常用的HTML代码段进行了介绍和演示。《超实用的HTML代码段》分为17章，包含HTML文档、头部meta元素、文字、图像、链接、页面布局、文档结构划分、多媒体、表格、表单、框架、Canvas、地理位置、本地存储、应用缓存及其他常用代码等网页结构设计技术。这些结构代码所阐述的HTML元素的常用方法对于快速设计简洁、通用的HTML网页结构的开发人员和设计人员具有重要的指导作用。<br /> 《超实用的HTML代码段》内容简洁明了、代码精练、重点突出、实例丰富、语言通俗易懂、原理清晰明白，是广大网页设计入门者和提高者的良好选择，同时也非常适合大中专院校学生学习阅读，也可作为高等院校非计算机专业，以及计算机非网络工程及相关专业的辅助读物。</pre></p> <hr /> <table border="0" width="650" style="border-collapse: collapse"> <tr> <td></td> </tr> </table> <p align="right"> <a target="_blank" href="/download/40803490662672336729.html" alt="代码逆袭PDF格式下载" title="代码逆袭PDF格式下载">代码逆袭下载</a> <a href="http://www.tushu000.com/detail/40803490662672336729_review.html" target="_blank">更多精彩书评</a></p> <hr /> <br /> <table border="0" width="650" style="border-collapse: collapse"> <tr> <td></td> <td width="310"></script></td> </tr> </table> </div> </div> <div class="devotional" id="adoringly"> <div class="antediluvian"><h3>发布书评</h3></div> <div class="glimmering"> <table border="0" width="630" style="border-collapse: collapse"> <tr> <td width="47"> </td> <td height="100"><textarea rows="5" name="user_comment_content" id="user_comment_content" cols="79"></textarea></td> </tr> <tr> <td width="47"> </td> <td align="right" style="text-align:right;"><input type="submit" value="提交评论" class="btn_b bookishness"></td> </tr> </table> <hr size=1 style="color: blue;border-style:dashed ;width:100%" /> <table border="0" width="650" style="border-collapse: collapse"> <tr> <td></td> </tr> </table> <hr size=1 style="color: blue;border-style:dashed ;width:100%" /> <div class="antediluvian"><h3>精彩书评 (总计1条)</h3></div> <ul class="claustrophobic"> <li> <img src="http://static.tushu000.com/statics/avatar/7/25/1011725.jpg" width="50" height="50" /> 随着微信开放JSSDK，h5的开发越来越重要了，不管是APP，微信还是移动网站，没有H5简直寸步难行，最近几乎所有的H5书我都买了一遍。这本HTML代码，提供了HTML和H5的一些流行代码段，既适合开发移动网站又适合开发新式的响应式PC网站，都能用是它的一大特色，当然代码段也很多，也有些小技巧，唯一的缺憾就是我得自己来分析移动端用什么样的技术会更好！！！不过好在300段代码可以拿来就用！</li> </ul> </ul> </div> </div> <div class="devotional" id="adoringly"> <div class="antediluvian"><h3 style="width:600px;">类似图书</h3></div> <div class="glimmering"> <ul class="claustrophobic"> <li><a target="_blank" href="http://www.tushu000.com/detail/17810714490021330749.html" alt="《废都》及《废都》热" title="《废都》及《废都》热">《废都》及《废都》热</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/15810714327021620702.html" alt="名人传记" title="名人传记">名人传记</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/50701640714927323370.html" alt="武裝機甲 Linebarrels 13" title="武裝機甲 Linebarrels 13">武裝機甲 Linebarrels 13</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/32394071460489682907.html" alt="撫子事務所1" title="撫子事務所1">撫子事務所1</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/65074494071458341757.html" alt="西方善魔女 01" title="西方善魔女 01">西方善魔女 01</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/17689614813227530711.html" alt="中国城市形象设计年鉴" title="中国城市形象设计年鉴">中国城市形象设计年鉴</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/20200714592204517073.html" alt="薩提爾——成長模式的應用" title="薩提爾——成長模式的應用">薩提爾——成長模式的應用</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/21420714941235060078.html" alt="歌海" title="歌海">歌海</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/26600714018719117077.html" alt="我要上学了" title="我要上学了">我要上学了</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/25220714563558794079.html" alt="自由四論" title="自由四論">自由四論</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/64076410071443927377.html" alt="台灣的古城" title="台灣的古城">台灣的古城</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/35861071426405020107.html" alt="人与人" title="人与人">人与人</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/40742107143635016745.html" alt="野狼爱吃嫩豆腐" title="野狼爱吃嫩豆腐">野狼爱吃嫩豆腐</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/26299614841166356074.html" alt="中唐五大家律賦研究" title="中唐五大家律賦研究">中唐五大家律賦研究</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/66076103071467088685.html" alt="聲色盒子" title="聲色盒子">聲色盒子</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/50716889614216668005.html" alt="生活在德國" title="生活在德國">生活在德國</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/64074929961442490574.html" alt="靈寶無量度人上品妙經今註今譯" title="靈寶無量度人上品妙經今註今譯">靈寶無量度人上品妙經今註今譯</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/17099614741626760704.html" alt="偶爾言中-林中斌前瞻短評" title="偶爾言中-林中斌前瞻短評">偶爾言中-林中斌前瞻短評</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/67075480071476302146.html" alt="预警机" title="预警机">预警机</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/19999614175600840707.html" alt="青年族群對傳統戲曲「京剧」的观赏行为" title="青年族群對傳統戲曲「京剧」的观赏行为">青年族群對傳統戲曲「京剧」的观赏行为</a></li> </ul> </div> </div> </div> <div class="foodstuff"> <div class="devotional" id="adoringly"> <div class="glimmering"> </div> </div> <div class="devotional" id="adoringly"> <div class="antediluvian"><h3>相关图书推荐</h3></div> <div class="glimmering"> <ul class="claustrophobic"> <li><a target="_blank" href="http://www.tushu000.com/detail/50719578204495674844.html" alt="我們的仙境 02" title="我們的仙境 02">我們的仙境 02</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/10098204108729710780.html" alt="震撼鲜师 06" title="震撼鲜师 06">震撼鲜师 06</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/63072137820434208492.html" alt="親愛一族 01" title="親愛一族 01">親愛一族 01</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/50753198204053139828.html" alt="政治科學論叢" title="政治科學論叢">政治科學論叢</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/40706003046134305311.html" alt="C\C++程序设计" title="C\C++程序设计">C\C++程序设计</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/50711500304909024435.html" alt="动物生理学实验-第2版" title="动物生理学实验-第2版">动物生理学实验-第2版</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/50799270304444409358.html" alt="台湾宪法之纵剖横切" title="台湾宪法之纵剖横切">台湾宪法之纵剖横切</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/40723782049224049522.html" alt="親愛一族 02" title="親愛一族 02">親愛一族 02</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/27400304419908710079.html" alt="制鞋工艺技能实训" title="制鞋工艺技能实训">制鞋工艺技能实训</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/50794800304907085868.html" alt="大学生心理健康教育" title="大学生心理健康教育">大学生心理健康教育</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/68070556820488072805.html" alt="德汉军语辞典" title="德汉军语辞典">德汉军语辞典</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/18178204802668090760.html" alt="藍海之都特利思提亞" title="藍海之都特利思提亞">藍海之都特利思提亞</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/26988204960899777070.html" alt="震撼鲜师 05" title="震撼鲜师 05">震撼鲜师 05</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/40771703047989644948.html" alt="流水不再浪漫" title="流水不再浪漫">流水不再浪漫</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/50735848204941789257.html" alt="魔法老師neo 04" title="魔法老師neo 04">魔法老師neo 04</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/14859204481438790718.html" alt="流动人口计划生育工作条例释义" title="流动人口计划生育工作条例释义">流动人口计划生育工作条例释义</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/50710978204880622133.html" alt="愛的小郵差" title="愛的小郵差">愛的小郵差</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/29360304048875597070.html" alt="叶落知何去" title="叶落知何去">叶落知何去</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/40792782041667249932.html" alt="新欢梦" title="新欢梦">新欢梦</a></li> <li><a target="_blank" href="http://www.tushu000.com/detail/26878204816623463079.html" alt="我們的仙境 12 (完)" title="我們的仙境 12 (完)">我們的仙境 12 (完)</a></li> </ul> </div> </div> </div> </div> <div class="fragmentation"> </div> <div class="geologist" id="aircraftwoman"> <div class="footprint"><span id="geometrically"></span></div> </div> <div id="hilliness"> <p class="backpacker"> </p> <p class="haemorrhage">外国儿童文学,篆刻,百科,生物科学,科普,初中通用,育儿亲子,美容护肤PDF图书下载,。 <a href="http://www.tushu000.com/" target="_blank">零度图书网</a> </p> <p class="haemorrhage">零度图书网 @ 2024</p> </div> <div style="display:none;"><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?cb086814e7680cc8abc575fb0cb4d685"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> </body> </html>