HTML5本身是支持Android、iOS等移动平台的跨平台语言，所以在开发移动端应用时具有更大的优势。加之客户端产品需要不断地更新迭代，从1.0版本、2.0版本一直到N.0版本，每开发一次Native App就需要重建一次平台。HTML5技术的渲染过程主要是由浏览器、内嵌HTML5解析器的应用程序、支持书签打开方式的应用程序或移动手机产品进行的。HTML5移动营销出现更多新玩法。游戏化、场景化、跨屏互动，HTML5技术满足了广告主对移动营销的大部分需求，从形式到功能，再到传播。...
2023-10-28 理论教育
doctype声明不属于HTML标签；它是一条指令，告诉浏览器编写页面所用的标记的版本。在所有HTML文档中，规定doctype是非常重要的，这样浏览器就能了解预期的文档类型。HTML 4.01中的doctype需要对DTD进行引用，因为HTML 4.01基于SGML。GBK是GB2312的扩展版本。maximum-scale：最大缩放比例，取值范围为0～10.0。...
2023-10-28 理论教育
本章重点知识4.1 File API4.2 HTML5拖拽事件4.3 dataTransfer对象4.4 利用拖拽效果完成上传功能对文件的处理和上传等操作一直是Web开发中的一项重要环节,比如在填写个人信息时的头像上传，或者是邮件的上传等。拖拽的文件也可以由File对象接收到，也就是说，我们现在可以直接通过HTML5实现拖拽文件上传功能了！...
2023-10-28 理论教育
Cookies从JavaScript出现之初就一直存在，所以在Web上存储数据并不是个新概念。localStorage对象负责存储长期的数据。这两种存储对象具有相同的方法和属性。为了获得一致性，本书在所有的示例中使用的都是localStorage对象。HTML5 Web存储的浏览器支持十分实用，但是，较旧的浏览器需要在使用之前检查Web存储支持的浏览器。这种检查非常简单，可以使用一个简单的条件语句来查看HTML5存储对象是否已经定义。...
2023-10-28 理论教育
它配合menu标签使用，contextmenu的值设置为menu的id名。代码示例2.contenteditablecontenteditable规定是否可编辑元素的内容，它的属性值包括：true：可以编辑元素的内容。inherit：继承父元素的contenteditable属性。当属性值为空字符串时，效果和true一致。...
2023-10-28 理论教育
Canvas在HTML5中是一个非常强大的元素，接下来，我们开始去学习它。要使用Canvas来绘制图形必须在页面中添加Canvas的标签。而在样式表中修改Canvas标签宽高属性则是对它的内容进行缩放,如果比例与Canvas本身比例不一致会导致图像的扭曲。如果出现扭曲可以通过调整Canvas标签属性width、height来确保比例一致。使用Canvas画布请使用一个代码编辑器，新建一个HTML5的基本文档。我们需要在
标签中放置一个Canvas元素。代码清单：HTML中添加Canvas标签如果浏览器支持，效果如图7-1所示。...2023-10-28 理论教育
Canvas给我们提供了绘制文字的方法。该属性的用法与CSSfont属性使用方式相同，例如：font属性的默认值如表7-9所示。通常，文本会从指定位置开始，不过，如果您设置为textAlign="right"并将文本放置到位置150，那么会在位置150结束。表7-10表7-11图7-24演示了textAlign属性值对齐方式。图7-24textBaseline属性设置或返回在绘制文本时的当前文本基线。表7-13strokeText()方法在画布上绘制文本。文本的默认颜色是黑色。表7-14代码清单：绘制文本效果如图7-26所示。...
2023-10-28 理论教育
接下来，我们来认识一些新增type属性：1.email输入类型说明：此类型要求键入格式正确的Email地址，否则浏览器是不允许提交的，并会有一个错误信息提示。格式：效果展示如图3-12所示：图3-127.tel输入类型说明：此类型要求输入一个电话号码，换行符会从输入值中去掉。因为不同国家不同地区的电话号码差别明显，所以想要添加更多限制可以使用下一节会讲到的pattern等属性。...
2023-10-28 理论教育
HTML5新增了一些标签，但它们并不像我们想象的那样陌生，它们只是更加符合我们的思维方式，更人性化。下面详细介绍HTML5新增的标签以及它们的用法。代码示例：2）hgroup标签对网页或区段的标题进行组合代码示例：header标签相当于页面主体上的头部（页眉），注意区别于head标签。meter标签表示特定范围内的数值，可用于工资、数量、百分比等。...
2023-10-28 理论教育
2.框架类标签HTML 中的框架标签frame、frameset、noframes对页面的可用性有负面影响，所以在HTML5中将它们废弃了，使用iframe标签代替，它就像img标签一样，写入地址，设置好宽高就可以了。...
2023-10-28 理论教育
基于Flash，Adobe Flash通过自己的Socket完成数据交换，再利用Flash暴露出相应的接口为JavaScript调用，从而达到实时传输目的。在此背景下，基于HTML5规范的，有Web TCP之称的WebSocket应运而生。直到2014年，HTML5正式从草案落实为实际标准规范，各个应用服务器及浏览器厂商逐步开始统一，在JavaEE 7中也实现了WebSocket协议，从而无论是客户端还是服务端的WebSocket都已完备，读者可以查阅HTML5规范，熟悉新的HTML协议规范及WebSocket支持。...
2023-10-28 理论教育
1995年11月，IETF发布了HTML 2.0，它是HTML最早的规范。1996年的1月，W3C 推出 HTML3.2。在之后三年的时间内，W3C 对HTML做了很多改进，并相继发布了几个版本。与此同时，W3C还在继续研究XHTML。2006年，W3C选择开发HTML5，自己成立了HTML5的工作组，它在WHATWG研发的HTML5 的基础上研究。2008年，W3C发布了 HTML5的草案，这是HTML5的最初版本。2013年，大部分的手机都开始支持HTML5的应用。终于，经过8年的艰辛研究后，在2014年10月29日，W3C宣布HTML5的标准规范制定完成。...
2023-10-28 理论教育
在HTML中定义好Canvas标签后，需要通过JavaScript进行图形的绘制。Canvas只是一个HTML5画布元素，它本身只是一个标签，并不具备绘制功能。返回值一个Canvas Rendering Context2D对象，我们通过这个对象来绘制图形。图7-3Canvas元素绘制图像的时候有两种方法，分别是：style：在进行图形绘制前，要通过以下几个属性设置好绘图的样式，分别可以通过三种方式来设置填充颜色。beginPath()与closePath()结合使用，主要作用是避免绘制之间的相互影响。图7-15镜像渐变：代码清单：绘制镜像渐变。...
2023-10-28 理论教育
HTML5中新增的表单标签如下：1.datalist标签说明：datalist元素规定输入域的选项列表。列表当中的value属性是必须的，新版本的Chrome和Opera支持该属性。格式：效果展示如图3-14所示：图3-142.keygen标签说明：keygen元素的作用是提供一种验证用户的可靠方法。当提交表单时，会生成两个键，一个是私钥，一个公钥。私钥存储于客户端，公钥则被发送到服务器。格式:用户名:加密:
2023-10-28 理论教育
而在图形图像学中，矩阵转换一般是用来表示图形的变换，如平移、旋转、缩放和斜切。而这些变化全部都是基于矩阵变换计算而出的。但是矩阵运算比较复杂，Canvas已经把相应的变换封装成函数，我们可以直接使用从而简化了我们的工作。它以下面描述的矩阵来操作当前的变换矩阵：transform()允许缩放、旋转、移动并倾斜当前的环境。绘制一个矩形，通过setTransform()重置并创建新的变换矩阵，再次绘制矩形，重置并创建新的变换矩阵，然后再次绘制矩形。...
2023-10-28 理论教育
在HTML4中提供了“text”“password”“radio”“checkbox”“submit”等，这些表单控件提供了不同类型的功能，但是一些数据的验证工作还需要结合Javascript等脚本语言来实现。HTML5中的元素和特性提供了更加强大的语义标记，其中关于表单的修改令人眼前一亮。...
2023-10-28 理论教育