做移动Web开发也有一年多的时间了,虽然手机上浏览器对于PC上来说很友好了,但是手机各种设备的显示尺寸分辨率大小不一也要花大心思兼容它们.关于HTML5中Viewport的文章Google,百度一搜有很多.记录一些自己理解的内容:Viewport属性详解Viewport:字面意思为视图窗口,在移动 web 开发中使用.表示将设备浏览器宽度虚拟成一个特定的值(或计算得出)这样利于移动 web 站点跨
转载 2023-07-13 16:45:51
152阅读
# HTML5 文本展示 HTML5 是最新版本的 HTML 标准,为开发者提供了许多强大的功能。其中一个重要的功能是文本展示。 ## 文本展示的基本标签 HTML 提供了一些基本的标签来展示文本内容。下面是一些常用的标签: - `` 到 ``:用于定义标题,级别由大到小,其中 `` 是最高级别的标题,`` 是最低级别的标题。 - ``:用于展示段落。 - `` 和 ``:用于加粗文本。
原创 8月前
92阅读
# HTML5多级展示 HTML5是一种用于构建网页结构的标记语言,它提供了丰富的元素和属性,能够实现各种复杂的页面展示效果。其中,多级展示是一种常见的展示方式,可以实现层层递进的展示效果,使页面内容更加丰富和有层次感。 ## 多级展示的基本原理 多级展示的基本原理是通过嵌套使用HTML元素和CSS样式来实现。通常情况下,我们会使用一些包含关系的元素,如``、``、``等,通过设置它们的样式
原创 4月前
16阅读
1、Android webview 调用 js(Vue) [android --> js(vue)]1.1先看 Vue 中代码怎么写mounted() { //将要给原生调用的方法挂载到 window 上面 window.callJsFunction = this.callJsFunction }, data() { return { msg: "哈哈
<!DOCTYPE HTML> <!--<!DOCTYPE html>; DOCTYPE标签没有结束标签。DOCTYPE 对大小写不敏感。--> <html lang="en"> <!--<html lang="zh-CN">--> <head> <meta charset="utf-8"&gt
转载 1月前
18阅读
# HTML5展示Excel 在现代的网页设计中,我们经常需要展示一些数据,比如表格、图表等。而Excel作为一种常用的数据存储和处理工具,其格式也常常被用于网页展示HTML5提供了一种方便的方式来展示Excel数据,那就是使用``元素和JavaScript。 ## 旅行图 首先,我们来了解下使用HTML5展示Excel数据的旅行图。这个过程可以分为以下几个步骤: ```mermaid
原创 1月前
31阅读
H5是什么,具体包括哪些内容H5本指第5html标准规范,但因为html5规则对视频音频和触屏互动等事件的支持远超前代,因此H5逐渐演变成一种可以在移动端展示的动态页面。现有的H5包括普通的幻灯片形式、需要简单点击的故事形式、用户能够参与的带有互交的功能形式、可以提交数据的表单形式、朋友圈流传的小游戏形式等。曾经引爆朋友圈的《我们之间就一个字》、《围住神经猫》等页面或者游戏,都是出色的H5作品。
转载 2023-07-12 17:33:06
161阅读
近日开发一个后台,发现有展开收起的功能,css功力欠妥。委托媳妇大人写了一版展开收起的效果,纯的jquery+html的。特此收藏,方便后续进行持续使用! 效果如下: 展开效果:jquery自行添加<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m
实现将文件从桌面直接拖放到浏览器中是web应用开发的终极目标之一,本文作为接下来四篇文章的第一篇将解决以下问题:1.实现将一个文件拖放到一个页面元素上2.在JavaScript中分析拖放的文件3.在客户端加载和解析该文件4.使用XMLHttpRequest2异步上传该文件5.以图形的方式显示上传进度条6.使用渐进增强(Progressive Enhancement)的思维来保证文件上传操作可以在任
又一次看到在网上看到一个HTML5的VR街道的应用,印象比较深刻,觉得还挺有意思的。正好最近项目间隙,找点事情搞搞,所以找到一个WebVR的网页开发框架A-Frame。以下内容整理来自于踏得网的A-Frame中文教程。简介虚拟现实(VR)是一种技术,使用头显设备产生逼真的图像,声音和其他感觉,使得用户进入身临其境的虚拟环境。VR允许我们创建无界的世界,人们可以使用手来控制虚拟世界中的行走和互动,仿
HTML5 DAY01:  基本内容目前最新的规范(标准)是2014年10月推出年左右出现HTML5版本(非标准)组织(两个组织定义H5规范)(研究)HTML5是学习未来(将来主流)版本 - 第一阶段主要学习还是4版本(包含5版本)      <header><nav>版本之
转载 2023-07-25 22:20:04
17阅读
在做浏览器上传图片的时候,一般采用form表单上传,这种上传无法预览图片,无法查看图片大小,无法知道图片的类型等等!那么在html5 File API提供了这些表单无法实现的功能,而且还支持拖拽上传!现在我们开始学习。。
转载 2023-07-14 08:40:48
131阅读
文章目录html5的表单(form)表单的简介(form)表单项补充让input的文本框不要记住输入过的信息让表单项不能被修改 html5的表单(form)主要用于将本地的数据提交给远程的服务器表单的简介(form)from的属性:action:表单要提交的服务器的地址表单项:文本框 <input type = “text” name=“what1”>(数据要提交到服务器,必须指定n
## 实现流程展示控件 作为一名经验丰富的开发者,我很乐意教你如何实现“流程展示控件 html5”。下面是整个实现过程的步骤: | 步骤 | 操作 | | ---- | ---- | | 1 | 创建HTML结构 | | 2 | 添加CSS样式 | | 3 | 使用JavaScript绘制流程图 | | 4 | 添加互动功能 | 接下来,我将逐步介绍每个步骤需要做什么,以及需要使用的代码和代
原创 7月前
48阅读
常用的样式属性,背景及阴影      字体及文本属性      边距和填充      边框属性      列表属性      背景属性      背景的渐变      阴影属性字体及文本属性
本节概要:                  1、h标签、                  2、文
# HTML5 信息展示系统开发指南 ## 简介 在本篇文章中,我将向你介绍如何实现一个简单的 HTML5 信息展示系统。这个系统可以用来展示各种类型的信息,如文本、图片和视频等。我将按照以下步骤来教会你如何完成这个任务。 ## 开发流程 首先,让我们来了解一下整个开发过程的流程。下面是一个简单的表格,详细列出了每个步骤需要做的事情。 | 步骤 | 描述 | | --- | --- |
原创 2023-08-18 11:50:48
91阅读
# HTML5循环展示数据 HTML5是一种用于构建网页和应用程序的标记语言,它的出现极大地改变了网页开发的方式。在HTML5中,我们可以使用循环来展示数据,这为我们展示大量重复的数据提供了便利。 ## 循环展示数据的需求 在实际的开发中,我们经常需要展示一组数据,比如商品列表、用户信息等。如果数据量较大,我们不能手动一个个地编写HTML代码,这将非常繁琐且低效。因此,我们需要一种方式来循环展
原创 7月前
248阅读
手机HTML5开发,大部分都使用现有的框架,这里简单比较几个流行的UI 框架。作者(启明星工作室 http://www.dotnetcms.org) 比较一下几款流行的HTML5框架,个人意见,仅供参考。(1)MUI网址: http://dev.dcloud.net.cn/mui/优点:MUI是数字dclound推出的一款流行框架,个人感觉,这是目前最好的一个H5 U
之前写了几个居中布局的例子,同时也提到了对于页面的全屏布局。这里详细总结两种常见的全屏布局的案例,当然,实际上还有像Grid这样的方案,但是因为目前还不稳定,只是作为W3C的一个草案,兼容性自然就差一些,这里没有作深入的探讨。相信这样的页面布局,我们在很多后台系统上会经常用到:用代码表示为这样的结构:通常这种结构,我们使用比较多的是定位的方案,除此之外,还有一种Flex方案。Position ht
  • 1
  • 2
  • 3
  • 4
  • 5