登入帳戶  | 訂單查詢  | 購物車/收銀台( 0 ) | 在線留言板  | 付款方式  | 運費計算  | 聯絡我們  | 幫助中心 |  加入書簽
會員登入 新用戶登記
HOME新書上架暢銷書架好書推介特價區會員書架精選月讀2023年度TOP分類瀏覽雜誌 臺灣用戶
品種:超過100萬種各類書籍/音像和精品,正品正價,放心網購,悭钱省心 服務:香港台灣澳門海外 送貨:速遞郵局服務站

新書上架簡體書 繁體書
暢銷書架簡體書 繁體書
好書推介簡體書 繁體書

三月出版:大陸書 台灣書
二月出版:大陸書 台灣書
一月出版:大陸書 台灣書
12月出版:大陸書 台灣書
11月出版:大陸書 台灣書
十月出版:大陸書 台灣書
九月出版:大陸書 台灣書
八月出版:大陸書 台灣書
七月出版:大陸書 台灣書
六月出版:大陸書 台灣書
五月出版:大陸書 台灣書
四月出版:大陸書 台灣書
三月出版:大陸書 台灣書
二月出版:大陸書 台灣書
一月出版:大陸書 台灣書

『簡體書』HTML5+CSS3+jQuery Mobile轻松构造App与移动网站(第2版)

書城自編碼: 2924585
分類:簡體書→大陸圖書→計算機/網絡程序設計
作者: 陈婉凌
國際書號(ISBN): 9787302454168
出版社: 清华大学出版社
出版日期: 2016-12-01
版次: 2

書度/開本: 16开 釘裝: 平装

售價:HK$ 88.5

我要買

 

** 我創建的書架 **
未登入.


新書推薦:
城市更新制度建设:广州、深圳、上海的比较(第二版)
《 城市更新制度建设:广州、深圳、上海的比较(第二版) 》

售價:HK$ 166.8
越南通史(区域国别史丛书)
《 越南通史(区域国别史丛书) 》

售價:HK$ 153.6
中国国家历史(叁拾叁)
《 中国国家历史(叁拾叁) 》

售價:HK$ 81.6
嫁金钗(全2册)
《 嫁金钗(全2册) 》

售價:HK$ 90.0
全球视野下的高等教育
《 全球视野下的高等教育 》

售價:HK$ 96.0
“逆觉体证”与“理一分殊”:论现代新儒学之内在发展(复旦哲学·中国哲学丛书)
《 “逆觉体证”与“理一分殊”:论现代新儒学之内在发展(复旦哲学·中国哲学丛书) 》

售價:HK$ 129.6
游戏与人
《 游戏与人 》

售價:HK$ 67.2
向上社交
《 向上社交 》

售價:HK$ 81.6

 

建議一齊購買:

+

HK$ 86.7
《 从零开始学PHP(第3版) 》
+

HK$ 82.5
《 Java程序员面试笔试真题库 》
+

HK$ 164.7
《 HTML5与CSS3权威指南(第3版 上册) 》
+

HK$ 90.7
《 HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站 》
+

HK$ 202.8
《 PHP&MySQL实战手册(第二版) 》
編輯推薦:
《HTML5 CSS3 jQuery Mobile轻松构造APP与移动网站》范例的素材和代码下载地址为:http:pan.baidu.coms1qY6Kj04本书以HTML5为主体,搭配jQuery制作网页,再搭配jQuery Mobile制作Mobile APP,由基础到高级循序渐进,并通过范例,让读者进行实战练习。第4篇打包与测试教用户如何将写好的网页打包成Android APP。本书*后3章包含了完整的范例实战百度地图API和谷歌地图API甜点坊订购系统实战以及记事本Note APP实战,后面两个范例分别搭配Web Storage和Web SQL数据库。制作完成之后,用户立即就能将成果打包并且放到移动设备上安装运行。只要按部就班地跟着本书学习,就能轻松制作网页及Android APP。
內容簡介:
《HTML5 CSS3 jQuery Mobile轻松构造APP与移动网站》范例的素材和代码下载地址为:http:pan.baidu.coms1qY6Kj04
本书以HTML5为主体,搭配jQuery制作网页,再搭配jQuery Mobile制作Mobile APP,由基础到高级循序渐进,并通过范例,让读者进行实战练习。第4篇打包与测试教用户如何将写好的网页打包成Android APP。本书最后3章包含了完整的范例实战百度地图API和谷歌地图API甜点坊订购系统实战以及记事本Note APP实战,后面两个范例分别搭配Web Storage和Web SQL数据库。制作完成之后,用户立即就能将成果打包并且放到移动设备上安装运行。只要按部就班地跟着本书学习,就能轻松制作网页及Android APP。
關於作者:
陈婉凌,网页技术的资深软件工程师,并拥有多年讲授计算机课程的丰富经验,擅长编写HTML、CSS、JavaScript、jQuery、PHP方面的书籍,在出版的书籍中入自身多年教学经验与职场实战经验,内容充实,难易度适中,适合大众读者。
目錄
第1篇 HTML5网页开发
第1章 HTML5基础入门 2
1.1 认识HTML5 2
1.1.1
HTML5与HTML4的差异 2
1.1.2
HTML5废除的标记 3
1.2 学习HTML前的准备工作 4
1.2.1
创建HTML文件 4
1.2.2
预览HTML网页 6
1.3
HTML语法的概念与架构 7
1.3.1
HTML的标记类型 7
1.3.2
HTML的组成 7
1.3.3
标记属性的应用 8
1.4
HTML5文件结构与语义标记 8
1.4.1
结构化的语义标记 8
1.4.2
HTML5声明与编码设置 12
第2章 文字变化与排版技巧 14
2.1 段落效果使用排版标记
14
2.1.1
设置段落样式的标记 14
2.1.2
设置对齐与缩进的标记 16
2.1.3
添加分隔线 18
2.1.4
设置段落标题 19
2.2 文字效果使用文字标记
20
2.2.1
设置字形样式的标记 20
2.2.2
设置上标、下标 22
2.3 项目符号与编号使用列表标记 22
2.3.1
符号列表 22
2.3.2
编号列表 24
2.3.3
定义列表 26
2.4 注释与特殊符号 27
2.4.1
添加注释 27
2.4.2
使用特殊符号 29
2.5 创建超链接 30
2.5.1
什么是超链接 30
2.5.2
超链接的用法 30
2.5.3
站外网页链接 32
2.5.4
站内网页链接 33
2.5.5
链接到E-Mail邮箱 35
2.5.6
链接到文件 38
第3章 HTML5表格与表单 40
3.1 制作基本表格 40
3.1.1
表格的基本架构 40
3.1.2
设置表格标题 42
3.2 表格的编辑技巧 44
3.2.1
合并单元格 44
3.2.2
利用表格组合图片 46
3.3 什么是表单 48
表单能做什么 49
3.4 创建表单 50
3.4.1
表单的基本架构 51
3.4.2
输入组件 53
3.4.3
列表组件 58
3.4.4
选择组件 60
3.4.5
按钮组件 61
3.4.6
表单分组 63
3.5 操作范例教学意见调查表
63
第4章 HTML5多媒体素材的应用 66
4.1 网页图片使用须知 66
4.1.1
图片的尺寸与分辨率 66
4.1.2
图片的来源 67
4.2 图片的使用 67
4.2.1
嵌入图片 67
4.2.2
路径表示法 68
4.3 添加影音特效 70
4.3.1
在网页中加入音乐 70
4.3.2
添加影音动画 72
4.3.3
添加Flash动画 73
4.3.4
传统影音播放器 74
4.3.5
使用iframe嵌入优酷视频 74
第5章 网页存储Web
Storage 78
5.1 认识Web Storage
78
5.1.1
Web Storage的概念 78
5.1.2
检测浏览器是否支持Web Storage 78
5.2
localStorage和sessionStorage 79
5.2.1
访问localStorage 79
5.2.2
删除localStorage 82
5.2.3
访问sessionStorage 84
5.3
Web Storage实例练习 85
5.3.1
登录注销和计数器 85
5.3.2
购物车 90
第2篇 CSS网页美化
第6章 认识CSS样式表 102
6.1 什么是CSS样式表 102
6.1.1
CSS的由来 102
6.1.2
CSS的优势 103
6.1.3
CSS的应用 104
6.2 创建CSS样式表 105
6.2.1
CSS基本格式 105
6.2.2
应用CSS样式表 107
6.2.3
认识CSS选择器 112
第7章 CSS基本语法 118
7.1 控制文字样式 118
7.1.1
字体属性 118
7.1.2
段落属性 121
7.1.3
文字效果属性 125
7.2 控制背景 128
7.2.1
设置背景颜色 128
7.2.2
设置背景图片 130
7.2.3
设置背景渐变 138
第8章 CSS样式与排版 142
8.1 控制边界与边框 142
8.1.1
边界 142
8.1.2
边框 144
8.1.3
边界间距 151
8.2 网页组件的定位 153
8.2.1
一般定位 154
8.2.2
图层定位 160
8.3 超链接与鼠标光标特效
162
8.3.1
超链接特效 162
8.3.2
鼠标光标特效 165
第9章 HTML5 CSS3综合应用 168
9.1 操作网页内容 168
9.2 使用语义标记排版 170
9.3 叠字标题 175
9.4 网页背景和鼠标光标 176
9.5 菜单超链接特效 177
9.6 主内容区样式 178
第3篇 jQuery与jQuery
Mobile
第10章 认识jQuery与jQuery
Mobile 184
10.1
认识JavaScript 184
10.1.1
JavaScript架构 184
10.1.2
JavaScript对象与函数 187
10.1.3
JavaScript事件 189
10.2
认识jQuery 191
10.2.1
引用jQuery函数库 191
10.2.2
jQuery基本架构 193
10.2.3
jQuery选择器 193
10.3
跨平台移动设备网页jQuery Mobile 196
10.3.1
认识jQuery Mobile 196
10.3.2
第一个jQuery Mobile网页 200
第11章 jQuery Mobile UI组件 206
11.1
套用UI组件 206
11.1.1
认识UI组件 206
11.1.2
按钮 208
11.1.3
组按钮 212
11.1.4
列表 213
11.2
网页导航与布景主题 216
11.2.1
jQuery Mobile网页导航 216
11.2.2
ThemeRoller快速应用布景主题 219
第12章 jQuery Mobile 事件 226
12.1
页面事件 226
12.1.1
初始化事件 226
12.1.2
外部页面加载事件 230
12.1.3
页面切换事件 231
12.2
触摸事件 234
12.2.1
点击事件 234
12.2.2
滑动事件 236
12.2.3
滚动事件 238
12.2.4
屏幕方向改变事件 240
第13章 数据的保存与读取 243
13.1
认识IndexedDB 243
13.1.1
IndexedDB的概念 243
13.1.2
IndexedDB基本操作 244
13.1.3
读取数据 253
13.1.4
删除数据 254
13.1.5
使用指针对象 255
13.2
认识Web SQL 260
13.2.1
Web SQL基本操作 260
13.2.2
创建数据表 262
13.2.3
新增、修改和删除数据 265
13.3
读取文本文件 269
13.3.1
选择文件 269
13.3.2
读取文件 272
第14章 插件的使用 275
14.1
表格排序插件tablesorter 275
14.1.1
下载与套用 275
14.1.2
高级应用 277
14.2
日期选择器Datepicker 280
14.2.1
下载与套用 280
14.2.2
高级应用 281
14.3
日历插件FullCalendar 284
14.3.1
下载与套用 284
14.3.2
高级应用 285
第4篇 打包与测试
第15章 下载与安装Apache
Cordova 294
15.1
下载与安装Cordova 294
15.1.1
安装必要的工具 294
15.1.2
通过npm安装Cordova 300
15.1.3
设置Android模拟器 301
15.2
将网页转换成Android APP 303
第16章 百度地图API和谷歌地图API 307
16.1
百度地图API和谷歌地图API 307
16.1.1
简易的百度地图和谷歌地图 307
16.1.2
地图控件 314
16.2
按地址显示地图 317
16.2.1
地址定位 317
16.2.2
图标标记 321
第17章 甜点坊订购系统实战 325
17.1
网站架构 325
17.2
订购流程 328
17.3
查订单 337
17.4
找店家 340
第18章 记事本Note APP实战 341
18.1
记事本的结构 341
18.2
新增记事 343
18.3
删除记事 345
18.4
记事列表 347
內容試閱
最近制作网站时不少客户会问,网站能不能直接转换成手机可以浏览的版本,最好能直接装在用户的手机上?当然可以!只要有HTML5,客户的上述需求都能轻易满足。大多数客户都会优先考虑如何节省成本,如果为了移动设备再开发一个原生应用程序(Native App)的版本,费用会更加昂贵。但是通过HTML5技术,稍微修改一下现有网站就能放到移动设备上,功能界面与普通APP没有区别,甚至更加美观,客户接受度普遍都很高。对于程序开发人员而言,轻轻松松就能增加两三倍的收入,这也是HTML5这么诱人的原因。对于程序开发人员而言,最大的问题应该是界面设计部分,jQuery Mobile函数库的出现,完全解决了这个问题,它的优点之一就是只要稍加设置属性,就能将表单组件转换成移动设备界面。HTML5与jQuery Mobile两者搭配使用,能够轻易达到跨平台、跨设备(Write-Once,Run Anywhere)的目的,这无疑是目前开发跨移动设备网站的技术首选。HTML5不仅仅是单纯的HTML语法,还包含了JavaScript、CSS等技术,HTML5新增了一些网页应用程序的API,这些都必须搭配JavaScript语言使用。另外,网页美化的部分,如文字字体、大小与颜色等,以前可以使用标记属性来设置,现在HTML5已经停用这些样式美化的标记属性,改由CSS语法负责。当然,学习这些技术之前,必须十分熟悉基本的HTML语法,才能达到事半功倍的效果。《HTML5 CSS3 jQuery Mobile轻松构造APP与移动网站第2版》以HTML5为主体,搭配jQuery制作网页,再搭配jQuery Mobile制作Mobile APP,由基础到高级循序渐进,并通过范例,让读者进行实战练习。第4篇打包与测试教用户如何将写好的网页打包成Android APP。本书最后3章包含了完整的范例实战百度地图API和谷歌地图API甜点坊订购系统实战以及记事本Note APP实战,后面两个范例分别搭配Web Storage和Web SQL数据库。制作完成之后,用户立即就能将成果打包并且放到移动设备上安装运行。只要按部就班地跟着本书学习,就能轻松制作网页及Android APP。工欲善其事,必先利其器,网页制作前的首要任务就是准备好相关的软件工具,例如想要设计个人专用图案或影片就必须由图像编辑软件、多媒体剪辑软件进行辅助,这些软件工具虽然可以在市面上买到,但对于经费有限的读者来说,却是一大负担。读者可以参考书中所列举的免费工具或自由软件,让有心学习的用户找到合适的工具。相信《HTML5 CSS3 jQuery Mobile轻松构造APP与移动网站第2版》是用户学习网页制作的最佳入门书,同时也适合老师们作为相关课程的教材使用。《HTML5 CSS3 jQuery Mobile轻松构造APP与移动网站第2版》内容虽经再三思考校对,力求谨慎、正确,但疏漏之处恐难避免,还请读者批评指正,再次感谢。《HTML5 CSS3 jQuery Mobile轻松构造APP与移动网站第2版》范例的素材和代码下载地址为:http:pan.baidu.coms1qY6Kj04(注意区分数字和英文字母大小写)。如果下载有问题,请发送电子邮件至booksaga@126.com,邮件主题设置为求HTML5 CSS3(第2版)代码。
编者2016年8月


第1章 HTML5基础入门HTML是HyperText Markup Language(超文本标记语言)的缩写,虽然说HTML也算是一种程序语言,但是事实上HTML并不像C或Visual Basic语言那样必须记住大量的语法。正确地说,HTML只是一种标记(tags),每个标记都是一个特定的指令,这些指令组合起来就是我们在浏览器看到的网页。1.1 认识HTML5HTML5与HTML4在架构上有很大的不同,但是基本的标记语法并没有很大的改变。下面我们先来了解一下HTML5与HTML4的差异。1.1.1 HTML5与HTML4的差异HTML5是最新的HTML标准,于2014年达到稳定阶段,不过目前多数标准都已经大致制定,大部分的浏览器也都已经支持HTML5标准。广义的HTML5除了本身的HTML5标记之外,还包含CSS3与JavaScript。为了配合CSS语法,HTML5在架构与网页排版美化方面的标记做了很大的更改,但是基本的标记语法并没有大的改变。下面列出几项HTML4和HTML5比较大的差异,供读者参考。1. 语法简化HTML、XHTML的DOCTYPE、html、meta、script等标记,在HTML5中被大幅度简化。2. 统一网页内嵌影音的语法以前我们在网页中播放影音时,需要使用ActiveX或Plug-in的方式来完成,例如播放YouTube影音需要安装Flash Player,播放苹果网站的影音则需要安装QuickTime Player。HTML5之后使用或标记播放影音,就不再需要安装额外的外挂了。3. 新增、、、等语义标记为了让网页的可读性更高,HTML5增加了、、、等标记,明确表示网页的结构,这样搜索引擎就能轻易抓到网页的重点,对于SEO(Search Engine Optimization,搜索引擎优化)有很大的帮助。4. HTML5废除了一些旧的标记HTML5新增了一些标记,也废除了一些旧标记。废除的旧标记大部分是网页美化的标记,例如、、等。在下一小节中会列出废除的标记。5. 全新的表单设计对于设计网页的程序者来说,表单是最常用的功能,在这方面,HTML5做了很大的更改,不但新增了几项新的标记,原来的标记也增加了许多属性。6.利用标记绘制图形HTML5新增了具有绘图功能的标记,利用它可以搭配JavaScript语法在网页上画出线条和图形。7.提供API开发网页应用程序为了让网页程序设计者更好地开发网页设计应用程序,HTML5提供了多种API供设计者使用,例如Web SQL Database让设计者可以脱机访问客户端(Client)的数据库。当然,要使用这些API,必须熟悉JavaScript语法。以上7项只是HTML5中较大的更改,有些标记语法的小修改,在以下的章节中笔者会陆续进行说明。1.1.2 HTML5废除的标记HTML5新增了一些标记,也废除了一些旧的标记,虽然目前这些即将废除的标记仍然可以使用,不过既然W3C已经明确指出将废除这些标记,为了避免以后网页显示发生问题,最好避免使用这些标记。如果网页中不小心使用了这些废除的标记也没有关系,当标记停用时,HTML5仍然具备向下兼容的特性,浏览器将会跳过错误继续向下执行,只是网页可能会无法完整呈现想要的效果。表1-1列出了常用但HTML5将废除的标记,提醒读者特别留意。表1-1 HTML将废除的标记标记 描述 替代标记 内嵌Java Applet 改用或标记 缩写词,例如WWW=World Wide Web 改用标记 符号列表 改用标记 框架设置 改用CSS搭配标记 框架声明 浏览器不支持框架时显示(续表)标记 描述 替代标记 指定基本字体 改用CSS 放大字体 居中 文字格式设置 滚动字幕 删除线 删除线 插入空格 等宽字体显示 下划线 插入背景音乐 改用标记1.2 学习HTML前的准备工作工欲善其事,必先利其器。学习HTML之前必须先准备好编写HTML的操作环境,本节就告诉你如何创建HTML,进而存储文件并在浏览器中预览其结果。1.2.1 创建HTML文件学习HTML不需要昂贵的硬件与软件设备,只要准备好下面两个基本工具即可。1. 浏览器如Microsoft Internet Explorer(IE)、Google Chrome或者Mozilla Firefox浏览器。2. 纯文本编辑软件HTML是标准的文件格式,任何一种纯文本编辑软件都可以编辑HTML 文件。例如,Windows操作系统中的记事本,就是一个基本的文字编辑工具。目前,Google Chrome、Firefox、Opera及Safari浏览器都支持HTML5,只是支持程度各有不同,Internet Explorer(IE)从IE 9之后对HTML 5才有较佳的支持。笔者接下来就通过Windows操作系统中的记事本和360安全浏览器,介绍创建HTML文件的方法。 打开记事本,请运行开始所有程序附件记事本命令。在文档空白中输入如图1-1所示的文字。图1-1 在记事本中输入文字 单击文件菜单中的保存命令,将记事本文件保存为HTML文件,如图1-2所示。图1-2 单击文件菜单中的保存命令 在文件名文本框中输入index.htm,保存文件,如图1-3所示。图1-3 输入文件名完成以上的操作后,这个文件的格式就是HTML 文件。接着就可以利用浏览器来观看网页的效果了。HTML文件中的HTML标记是不区分大小写的,不管是、或都是同样的效果,不过有些程序语言是区分大小写的。为了养成良好的习惯,建议尽量采用小写。1.2.2 预览HTML网页制作好的网页必须要使用浏览器才能正常显示,下面以360安全浏览器来说明如何浏览网页。 打开360安全浏览器,将上一小节保存的index.html文件拖曳到浏览器内,或者运行文件|打开命令,打开index.html文件,如图1-4所示。图1-4 将html文件拖曳到浏览器中 运行的结果就会显示在浏览器内,如图1-5所示。图1-5 在浏览器中显示网页内容如果对运行结果不满意,不需要关闭浏览器,可以直接打开index.html文件进行修改,修改完成后需要保存文件。此时只要返回浏览器,单击刷新按钮或按键盘上的F5功能键,就可以立即看到修改后的结果了。从下一小节开始,我们将进行HTML语法的学习。1.3 HTML语法的概念与架构开始学习HTML语法之前,首先必须了解HTML的基本架构。1.3.1 HTML的标记类型所有的HTML标记都有固定的格式,必须用符号括住,例如。HTML标记有容器标记(Container Tags)与单一标记(Single Tag)两种。1. 容器标记(Container Tags)容器标记(Container Tags)是成对的开始标记(Start Tag)与结束标记(End Tag),利用这两个标记将文字围住,以达到预期的效果。大部分的HTML标记都属于此种标记,终止标记前会加上一个斜线。例如:我的网页标记的功能是将文字显示在浏览器的标题栏中。2. 单一标记(Single Tag)单一标记只有起始标记而没有结束标记,例如、等标记都属于单一标记,标记的功能是添加分隔线,标记的功能是插入图片。这些标记加上结束标记是没有意义的,例如,标记表示成即可,不必写成。1.3.2 HTML的组成一个最简单的 HTML 网页由与标记标识出网页的开始与结束,网页中分为头(head)和主体(body)两部分,如下所示。这里是页标题这里是网页的内容
? 标记:这里通常会放置网页的相关信息,例如、,这些信息通常不会直接显示在网页上。? 标记:用来说明此网页的标题,此标题会显示在浏览器标题栏中。当浏览者将网页加入收藏夹时,看到的标题就是标记中的文字。? 标记:这里放置网页的内容,这些内容将直接显示在网页上。1.3.3 标记属性的应用有些标记可以加上属性(Attributes)来改变其在网页上显示的方式,属性直接置于开始标记内。如果有一个以上的属性,不同的属性需要以空格隔开。例如标记有lang属性可以使用,lang属性用来指定网页语言,语法如下:表示网页语言设置为中文。当有多个属性值时就可以用空格来分隔各个属性,如下所示。例如:meta标记用来描述网页,有利于搜索引擎快速找到网站并正确分类。标记的属性同样是不区分大小写的。
1.4 HTML5文件结构与语义标记网页开发标准很重要的一环就是结构(structure)与呈现(presentation)分开,让网页开发人员只需关注网页结构及内容,而网页设计师可以用CSS语法帮助美化网页。这样,不仅增加了程序的可读性,每当网页需要改版时,设计师只要更改CSS文件就可以让网页焕然一新,不需要去修改HTML文件。1.4.1 结构化的语义标记语义标记其实并不算新的概念,曾经动手设计过博客的读者,相信对分栏、头部、菜单、主内容区、页脚等结构都很熟悉。如果要对页面进行分栏处理、添加标题栏、导航栏或页脚区,在HTML4中的做法是使用标记指定id属性名称,再加上CSS语法来达到想要的效果,如图1-6所示是基本的两栏式网页架构。图1-6 两栏式架构标记的id属性是自由命名的,如果id名称与架构完全无关,其他人就很难从名称去判断网页的架构,而且文件中过多的代码会让代码看起来凌乱且不易阅读。因此,HTML5统一了网页架构的标记,去掉了多余的div,而用一些容易识别的语义标记来代替。常见的语义标记有表1-2所示的几种。表1-2 常见的语义标记标记 说明 显示网站名称、主题或者主要信息 网站的连接菜单 用于侧边栏 用于定义主内容区 用于章节或段落 位于页脚,用来放置版权声明、作者等信息利用这些语义标记生成同样的两栏式网页架构,如图1-7所示。图1-7 两栏式网页架构结构化语义标记可以自由配置,并没有规定标记一定得写在标记下方。写法如下: 网站主题 连接菜单 主内容 章节段落 侧边栏 页脚打开下载资源中的范例CH01背包客旅行札记.htm文件,就可以看到一个HTML5的实例网页,如图1-8所示。图1-8 实例网页用记事本打开背包客旅行札记.htm,可以看到完整的HTML架构写法。背包客旅行札记 背包客旅行札记 旅行是一种休息,而休息是为了走更长远的路 关于背包客 国内旅游 国外旅游 与我联络 Hello World! 四季都是适合旅行的季节。
不一定要花大钱,做点功课和多点自信,就能享受旅游的美好。
  HTML5网页练习HTML语法只是显示网页结构与内容,至于网页美化的部分,就交给CSS语法吧。CSS语法在以后章节中有详细的介绍。可以打开CH01背包客旅行札记-CSS版.htm文件,查看加上CSS语法之后网页所显示的效果,如图1-9所示。图1-9 使用CSS样式后的页面1.4.2 HTML5声明与编码设置标准的HTML文件在文件前端都必须使用DOCTYPE声明使用的标准规范。在HTML4中还有DOCTYPE命令,而且有3种模式:严格标准模式(HTML 4 Strict)、近似标准模式(HTML 4 Transitional)和近似标准框架模式(HTML 4 Frameset)。DOCTYPE命令必须很清楚地声明使用何种标准,以近似标准框架来说,其语法如下:HTML5的DOCTYPE声明就简单多了,其语法如下所示:语言与编码类型网页中声明语言与编码是很重要的,如果网页文件中没有正确声明编码,浏览器会根据浏览者计算机的设置显示编码。例如,我们有时逛一些网站,会看到一些网页变成乱码,通常都是因为没有正确声明编码。语言的声明方式很简单,只要在与中间加入如下代码即可:lang属性设置为 zh-CN,表示文件内容使用简体中文。网页编码的声明语法如下:charset属性设置为GB2312,表示使用GB2312编码。如果使用UTF-8编码,只要将charset属性值改为UTF-8即可。GB2312是简体中文编码,只支持简体中文,也就是说GB2312编码的网页在台湾地区用BIG5编码打开会变成乱码,而UTF-8是国际码,支持多种语言,不容易出现乱码的问题。要特别提醒读者,网页编码的声明要与保存文件时的编码格式一致。以记事本为例,如果网页要使用UTF-8编码,那么保存文件时就必须在编码下拉列表中选择UTF-8,如图1-10所示。图1-10 选择文件编码

 

 

書城介紹  | 合作申請 | 索要書目  | 新手入門 | 聯絡方式  | 幫助中心 | 找書說明  | 送貨方式 | 付款方式 香港用户  | 台灣用户 | 大陸用户 | 海外用户
megBook.com.hk
Copyright © 2013 - 2024 (香港)大書城有限公司  All Rights Reserved.