HTML 5的出现，对于Web来说意义是非常重大的。因为它的意图是想要把目前Web上存在的各种问题一并解决掉，它是一个企图心比较强的HTML版本。那么，到底Web上存在哪些问题，HTML 5又打算怎么解决呢？Web浏览器之

关键词： 三个  问题 

Web开发者最担心的是新技术推出时由于其不成熟所产生的问题。如果能够实现互联网通用标准，可以避免各浏览器之间的不统一，这一点已经被明确了，但是在朝着这方面前进的过程中会不会出现什么周折是令人担心的。虽

关键词： 三个  理由 

Internet Explorer也积极地朝着支持HTML 5的方向迈进着。Internet Explorer对此十分重视。虽然它的使用者依然很多，但是由于最近被Firefox等其他Web浏览器抢去了很多市场份额，它很不甘心。于是继Internet E

关键词： 理由  第二个 

现在的时代已经迫切地要求有一个统一的互联网通用标准。HTML 5之前的情况是，由于各浏览器之间的不统一，光是修改Web浏览器之间的由于兼容性而引起的bug就浪费了大量时间。而HTML 5的目标就是将Web带入一个成熟

关键词： 理由  时代 

1 2　HTML 5深受欢迎的理由1 2 1　世界知名浏览器厂商对HTML 5的支持HTML 5被说成是划时代也好，具有革命性也好，如果不能被业界承认并且大面积地推广使用，这些都是没有意义的。事实上，今后HTML 5被正式地

关键词： 浏览器  厂商  世界 

HTML 5的目标是为了能够创建更简单的Web程序，书写出更简洁的HTML代码。例如，为了使Web应用程序的开发变得更容易，提供了很多API；为了使HTML变得更简洁，开发出了新的属性、新的元素，等等。总体来说，为下一

关键词： 目标 

1 1　迎接新的Web时代1 1 1　HTML 5时代即将来临自从2010年HTML 5正式推出以来，它就以一种惊人的速度被迅速推广着，就连微软也因此为下一代IE 9做了标准上的改进，使其能够支持HTML 5。关于各主流浏览器对于

关键词： 时代 

自从2010年HTML 5正式推出以来，它立刻受到了世界各大浏览器的热烈欢迎与支持。根据世界上各大IT界知名媒体评论，新的Web时代，HTML 5的时代马上就要到来。本章重点介绍什么是HTML 5，HTML 5产生的时代背景，

关键词： 概述 

前　言上册第1章Web时代的变迁 11 1迎接新的Web时代 11 1 1HTML 5时代即将来临 11 1 2HTML 5的目标 31 2HTML 5深受欢迎的理由 41 2 1世界知名浏览器厂商对HTML 5的支持 41 2 2第一个理由：时代的要求

关键词： 目　　录 

为何写作本书2014年10月28日，W3C的HTML工作组正式发布了HTML 5的正式推荐标准（W3C Recommendation），这一消息是W3C在美国圣克拉拉举行的W3C技术大会及顾问委员会会议（TPAC 2014）上宣布的。HTML 5在这一

关键词： 前　　言 

上册对HTML 5中新增的语法、标记方法、元素、API，以及这些元素与API到目前为止受到了哪些浏览器支持等进行详细介绍。在对它们进行介绍的同时将其与HTML 4中的各种元素与功能进行对比，以帮助读者更好地理解为

关键词： 上册  权威  指南 

Bootstrap完全支持响应式设计，在默认情况下Bootstrap是没有引入响应式特性的，因为不是任何情况都需要使用到，建议在需要使用的时候才启用它。1 响应式Bootstrap概述响应式Bootstrap通过Media Query技术实现，

关键词： 3  4  6  　响应  式 

响应式Web设计流程如下。（1）确定需要兼容的设备类型、屏幕尺寸通过用户研究，了解用户使用的设备分布情况，确定需要兼容的设备类型、屏幕尺寸。设备类型：包括移动设备（智能手机、平板电脑等）和PC。对于移动

关键词： 3  4  5  　响应  设计 

对于响应式Web设计，同比例缩放元素尺寸及调整页面结构布局是两个重要的响应方法。但是对于页面中的文字内容信息来说，则不能简单地以同比缩小或者调整布局结构的方法进行处理。对于手机等移动设备来说，在文字内

关键词： 3  4  4  　自适应  显示 

由于网页需要根据屏幕宽度自动调整布局，我们不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。具体来说，CSS代码不能指定像素宽度：width: 940px;只能指定百分比宽度：width: 100%;或者width: auto;网

关键词： 3  4  3  　设计  响应 

在响应式Web设计的思路中，一个重要的因素是如何正确处理图片大小问题。首先，应该设置图片具有弹性能力。弹性图片的设计思路是，无论何时，确保在图片原始宽度范围内，以最大的宽度同比完整地显示图片。我们不必

关键词： 3  4  2  　设计  响应 

手机的屏幕比较小，宽度通常在600像素以下，PC的屏幕宽度一般都在1000像素以上（目前主流宽度是1366像素×768像素），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上都呈现出满意的效果，并不是一

关键词： 3  4  1  　什么是  响应 

在现代网页设计中，页面的设计与开发应该根据用户行为及设备环境（如系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整，这种设计理念就是响应式Web设计。响应式设计追求的是一个网站能够兼容多个终端，而不

关键词： 3  4  　响应  式 

Bootstrap对于栅格系统中布局嵌套提供了简单的实现方式。即在需要嵌套的span内部，新加入一个容器row，在row内继续使用前面提到的span。例如：<div class="row"> <div class="span12"> 嵌套的顶级 <div cl

关键词： 3  3  3  　布局  嵌套 

流式布局是一种自适应屏幕的设计方法，即不固定块的宽度，而是以百分比为单位来确定每一块的宽度。这种布局非常适合一次编写，然后自适应各种不同大小的屏幕，如智能手机、平板电脑等设备。流式布局与固定式布局

关键词： 3  3  2  　流式  布局