首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏PHP在线

    HTML5移动应用开发

    1.离线缓存为HTML5开发移动应用提供了基础 HTML5 Web Storage API可以看做是加强版的cookie,不受数据大小限制,有更好的弹性以及架构,可以将数据写入到本机的ROM中,还可以在关闭浏览器后再次打开时恢复数据 2.专为移动平台定制的表单元素 浏览器中出现的html5表单元素与对应的键盘: 类型 用途 键盘 Text 正常输入内容 标准键盘 Tel 电话号码 数字键盘 Email 电子邮件地址文本框 带有@和. 丰富的交互方式支持 提升互动能力:拖拽、撤销历史操作、文本选择等 Transition – 组件的移动效果 Transform – 组件的变形效果 Animation – 将移动和变形加入动画支持 设计师要知道,HTML5 4.HTML5使用上的优势 更低的开发及维护成本; 使页面变得更小,减少了用户不必要的支出;而且,性能更好使耗电量更低; 方便升级,打开即可使用最新版本,免去重新下载升级包的麻烦,使用过程中就直接更新了离线缓存 设计师要知道,用户想要什么,HTML5能提供给用户什么。 5.CSS3 视觉设计师的辅助利器 CSS3支持了字体的嵌入、版面的排版,以及最令人印象深刻的动画功能。

    3.6K80发布于 2018-03-07
  • HTML5 应用程序缓存

    使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本。 注意:manifest 的技术已被 web 标准废弃,不再推荐使用此功能。 什么是应用程序缓存(Application Cache)? HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 HTML5 Cache Manifest 实例 下面的例子展示了带有 cache manifest 的 HTML 文档(供离线浏览): 实例 <! 可以使用星号来指示所有其他资源/文件都需要因特网连接: NETWORK: * FALLBACK 下面的 FALLBACK 小节规定如果无法建立因特网连接,则用 "offline.html" 替代 /html5 注意: 浏览器对缓存数据的容量限制可能不太一样(某些浏览器设置的限制是每个站点 5MB)。

    19910编辑于 2025-12-16
  • 来自专栏编程学习之路

    HTML5html5开篇基础(5

    checked属性 规定此 Input 元素首次加载时应当被选中,应用于选择控件中。 -- 该文本内容会默认显示在输入框中 --> </textarea> cols=“每行中的字符数”,rows=“显示的行数”,我们在实际开发中不会使用,都是用 CSS 来改变大小, 5.提示信息 这个最简单

    2.1K10编辑于 2024-10-01
  • 来自专栏IMWeb前端团队

    AppCan——HTMl5移动开发应用平台

    AppCan是HTMl5移动开发应用平台,支持跨平台,可以简单、快速、高效开发移动应用。 倡导Hybrid App开发。 为HTML5开发提供底层Native交互能力。 本地打包 支持将web应用直接打成APK(android)安装包。 真机同步 将应用生成“AppCan调试中心”模式的安装包,使用手机安装,确保手机和pc在同一个网络内。 手机上安装成功后,打开app,输入pc的IP,登录成功后,可以看到应用的List,打开调试的应用,可以pc上IDE的控制台上看到请求。 打开手机上的“AppCan调试中心” APP,输入pc的ip地址,登录,即可看到应用的List。 和功能性模块封装成了一个开发库,开发者只需要引入appcan.min.js即可,另外把对backbone, zepto, underscore的依赖也打包在基础库中了 JS SDK 文档参考这里 总结 AppCan是一种基于H5实现跨平台

    5.6K60发布于 2018-01-08
  • 来自专栏OECOM

    HTML5中download属性的应用

    2015-09-22 01:43:08 写这篇文章主要是来向大家介绍一下HTML5当中download属性的用法和之前下载的区别。需要的朋友可以看一下。 在以往传统的html下载文件样式是这样的 下载 而在HTML 5浏览器中,可以支持download属性了,如下: 下载 download属性的好处在于,在用户下载文件的时候,显示在用户浏览器 中的“另存”为的文件显示框中,显示的是这个downloader属性中显示的 东西了,比较友好 HTML5

    1.6K10发布于 2020-07-01
  • 来自专栏编程学习之路

    HTML5html5开篇基础(3)

    title> </head> <body> <table align=center border="4" cellpadding="10" cellspacing="<em>5</em>"

    2.4K10编辑于 2024-09-29
  • 来自专栏编程学习之路

    HTML5html5开篇基础(4)

      标签表示 HTML 页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用
    • 标签定义。无序列表的基本语法格式如下:

    2.6K10编辑于 2024-09-29
  • 来自专栏娜姐聊前端

    HTML5简明教程(五)离线应用

    HTML5支持离线功能,当网络不可用时,网页还能够正常访问,部分功能还将继续使用。实现离线应用,最重要的是缓存资源,因此,离线应用核心需要定义一份描述文件,指定需要缓存的具体资源。 创建离线应用的三个步骤如下: 1. 创建描述文件 描述文件是一个以.manifest或.appcache为后缀的文本文件,其列出了所有需要缓存的内容。

    95310发布于 2021-01-14
  • 来自专栏互联网杂技

    使用 HTML5 WebSocket 构建实时 Web 应用

    作为下一代的 Web 标准,HTML5 拥有许多引人注目的新特性,如 Canvas、本地存储、多媒体编程接口、WebSocket 等等。 WebSocket 构建一个实时的 Web 应用,最后我们介绍了当前的主流浏览器对 HTML5 的支持情况和 WebSocket 的局限性。 不过,我们应该看到,尽管 HTML5 WebSocket 目前还有一些局限性,但是已经是大势所趋,微软也明确表达了未来对 HTML5 的支持,而且这些支持我们可以在 Windows 8 和 IE10 里看到 ,我们也在各种移动设备,平板电脑上看到了 HTML5 和 WebSocket 的身影。 WebSocket 将会成为未来开发实时 Web 应用的生力军应该是毫无悬念的了,作为 Web 开发人员,关注 HTML5,关注 WebSocket 也应该提上日程了,否则我们在新一轮的软件革新的浪潮中只能做壁上观了

    2.4K60发布于 2018-04-02
  • 来自专栏hightopo

    iOS平台快速发布HTML5拓扑应用

    如果要开发企业内部应用,则要缴纳更高的费用购买企业账户才可以。       对于现在火如荼的HTML5应用,我们可以借助PhoneGap对其打包,然后像原生APP一样发布它们;或者要求用户直接通过浏览器访问。 大家可以看到我们的主屏幕上已经多了一个”APP”,如果细心优化,用户完全无法区分这是一个原生应用还是HTML5应用,极大提升了用户体验。       是不是很神奇? -- iPhone5--> <link rel="apple-touch-startup-image" href="res/girl_iphone<em>5</em>.png"> <! 缓存的用法也有两篇很好的文档:         1、HTML5离线缓存         2、在客户端存储数据     最后上一段操作视频,看一下最终效果,优酷链接:http://v.youku.com

    1.1K20发布于 2018-07-09
  • 来自专栏编程学习之路

    HTML5html5开篇基础(6)

    我们一般经常用mp3格式 4.新增表单type值 5. 新增表单属性

    1.7K10编辑于 2024-11-02
  • 来自专栏Web 开发

    Html5之离线Web应用程序

    Html5一大新特性、同时也是非常吸引人的特性,就是其离线功能。它让Web从online延伸到了offline领域。 cache-manifest                     appcache; 网上Apache的修改方式一大堆,我给来个nginx的,环境是Ubuntu 12.04 一些注意事项 上述三步之后,你就可以给你的应用添加离线功能 2、使用Location.reload()来手动刷新页面 旧方案(不推荐): function init(){   seInterval(function(){     //每5秒检查一次缓存是否有更新   applicationCache.addEventListener( "updateready" , function(){     if( confirm( "本地缓存已更新,需要刷新画面来获取应用程序最新版本 location.reload();//手动刷新页面     }   }); } 每5s检查一次,并询问用户时候刷新页面,刷新页面后,新的本地缓存被显示出来。

    89600发布于 2018-08-08
  • 来自专栏前端flutter

    HTML5 - 应用程序缓存(Application Cache)

    HTML5之前,我们需要接入网络才能访问,这毫无疑问是网站多次请求服务器,造成速度变慢,对于PC用户,网络相对比较稳定,载入速度也不会差太多。但是移动端呢? 离线存储技术 实际开发中,主要是使用Application Cache和LocalStorage技术,它们来自HTML5技术。 HTML5 Application Cache特性 HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 各大浏览器对应用缓存的容量限制有所不同,几乎为5MB。 当一个资源被缓存后,该浏览器直接请求这个绝对路径也会访问缓存中的资源。 :已开启离线应用,但缓存资源都已标记为废弃 如果文件超出缓存5M的大小,会造成什么。

    2.2K10编辑于 2022-12-19
  • 来自专栏编程学习之路

    HTML5html5开篇基础(1)

    3.什么是html5 HTML5不是一种编程语言,而是一种超文本标记语言。超文本包括:文字、图片、音频、视频、动画等 html中代码不分大小写,推荐都小写。 我们就先从学习最简单的html5开始。 5.HTML语法规则 HTML 标签是由尖括号包围的关键词,通常是成对出现的,例如 <html> 和 </html>。 DOCTYPE html> 这句代码的意思是: 当前页面采取的是HTML5 版本来显示网页,注意: 1.<! charset常用的值有:GB2312、BIG5、GBK和 UTF-8,其中UTF-8也被称为万国码,基本包含了全世界所有国家需要用到的字符。 这个是必写的,不写会产生乱码。

    1.2K10编辑于 2024-09-24
  • 来自专栏编程学习之路

    HTML5html5开篇基础(2)

    4.链接标签 链接的语法格式 文本或图像等其他形式 属性: 1.href:用于指定目标的url地址 5.网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接. <a href="https://www.baidu.com/? 此时就可以点击第二集链接发生<em>跳转</em>。 <em>5</em>.注释标签 如果需要在 HTML 文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。 注释标签规则如下: <!

    1.5K10编辑于 2024-09-24
  • 来自专栏网络收集

    HTML5

    (二)HTML5 HTML指的是HTML 4.01, XHTML是HTML的过渡版本,XHTML是XML风格的HTML 4.01。 3、允许属性值不加引号

    绿叶学习网
    上面这种写法也是完全符合HTML5规范的。 4、允许部分属性的属性值省略 在HTML5中,部分具有特殊性属性的属性值是可以省略的。 就是:HTML 指的是 HTML 4.01, XHTML 是HTML的过渡版,HTML5是HTML的升级版。 (2 ) div常用于页面中较大块的结构划分,然后配合CSS来操作;span 一般用来包含文字等, 它没有结构的意义,纯粹是应用样式。当其他行内元素都不适合的时候,可以用span来配合CSS 操作。

    2.6K30编辑于 2022-05-18
  • 来自专栏网络收集

    HTML5

    四、HTML5 一、什么是 HTML5 1.HTML5 的概念与定义 定义:HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML 两个概念: 是一个新版本的 HTML 语言,定义了新的标签、特性和属性 拥有一个强大的技术集,这些技术集是指: HTML5 、CSS3 、javascript, 这也是广义上的 HTML5 2.HTML5 拓展了哪些内容 语义化标签 本地存储 兼容特性 2D、3D 动画、过渡 CSS3 特性 性能与集成 3.HTML5 的现状 绝对多数新的属性,都已经被浏览器所支持,最新版本的浏览器已经开始陆续支持最新的特性, 总的来说 :HTML5 已经是大势所趋 二、HTML5 新增标签 1.什么是语义化 2.新增了那些语义化标签 header --- 头部标签 nav --- 导航标签 article --- 内容标签 image.png 3.使用语义化标签的注意 语义化标签主要针对搜索引擎 新标签可以使用一次或者多次 在 IE9 浏览器中,需要把语义化标签都转换为块级元素 语义化标签,在移动端支持比较友好, 另外,HTML5

    4.4K20编辑于 2022-05-21
  • 来自专栏前端开发0202

    HTML5

    一、H5 拖拽 JS 里拖拽三事件, onmousedown onmousemove onmouseup 是实现交互性效果,根据鼠标的移动位置让标签元素联动 而 H5 拖拽也可以实现但更简单,实际例子: 百度图片识别,qq 邮箱文件提交,百度网盘文件上传,并可以获取到文件的 名称,大小,修改时间 标签元素默认是不可以拖拽的,draggable="true"才能够被拖拽 js和h5拖拽的对比 drag七事件的理解 跨域访问的核心本质 ajax 和 原生node 数据交互 ajax 和 express框架 数据交互 ajax 和 koa2框架 数据交互 通过表单控件及FormData对象上传文件到服务器 通过 H5 拖拽及FormData对象上传文件到服务器 通过onprogress事件及loaded与total属性真实显示上传进度 同源同域名下跨文档操作 四、H5 本地存储 localStorage-webWorker 多线程-Server-Sent-Event 服务器发送事件-离线存储 cache 应用 setItem与getItem存储和获取数据 webWorker多线程原理 SSE 服务器消息推送 真实服务器演示

    5.3K20发布于 2020-05-12
  • 来自专栏posts

    HTML5

    默认选中 textarea 文本域标签,(简介输入框) 实际开发会使用CSS label 场景:不止点按钮触发,点按钮对应的文字也会触发 语义化标签 无语义布局标签 有语义布局标签 html5

    4K70编辑于 2022-11-02
  • 来自专栏xsa的blog

    html5

    > --> </map> HTML5 新增的语义化标签 1.header头部标签 2.nav导航标签 3.content内容标签 4.section定义文档某个区域 5.aside侧边栏标签 6.footer尾部标签 定义这些语义化标签的目的是为了简化代码

    6.3K20编辑于 2022-03-31
领券