当前位置:首页 > 技术文章 > web前端 > H5教程

  • HTML5实践-在非响应式设计中如何使用ViewPort meta标签的方法介绍
    HTML5实践-在非响应式设计中如何使用ViewPort meta标签的方法介绍
      大家都知道viewport标签对于响应式设计的意义,但是你们可能不清楚,他对于非响应式设计也有相当的作用。如果你的站点还是非响应式的,那么通过本文你将学会,如何使用viewport标签增强你站点在mobile设备上的显示效果。
    H5教程 . web前端 1754 2017-03-23 15:29:15
  • HTML5实践-使用CSS实现弹性视频的代码分享
    HTML5实践-使用CSS实现弹性视频的代码分享
      当我编码Elemin Theme(我最近设计的一个响应式的站点)的时候,我遇到的一个跳帧就是,如何能让嵌入式的视频在尺寸变化上变得更加灵活。使用max-width:100% 和height:auto可以让html5的video标签很好的工作,但是这个解决方案不适用于iframe 或者 object标签的内嵌代码。通过几小时的寻找资料和实验,我最终找到了解决办法。当你在进行响应式设计的时候,这一css技巧能派上用场。你可以访问最终demo地址,缩放你的浏览器查看效果。
    H5教程 . web前端 1893 2017-03-23 15:26:20
  • HTML5实践-三步实现响应式设计的详细介绍
    HTML5实践-三步实现响应式设计的详细介绍
      响应式web设计现在已经不是一个难事了,如果你还不熟悉他,如果你是一个初学者,可能响应式设计对你来说有点发杂,但实际上他比你想象的要简单的多。为了方便你更快的学习响应式设计,我特意写了这个教程,通过简单的三个步骤你就能掌握响应式设计的基本逻辑和media queries(假设你掌握css知识)。
    H5教程 . web前端 1706 2017-03-23 15:12:18
  • HTML5实践-使用css3如何完成google涂鸦动画的详解
    HTML5实践-使用css3如何完成google涂鸦动画的详解
      这里需要强调的一点是,ie不支持css3的动画属性,再次抱怨下万恶的ie。但是我们不能以此为理由不去拥抱css3。
    H5教程 . web前端 1877 2017-03-22 16:22:24
  • HTML5实践-使用css创建三角形和使用CSS3创建3d四面体的代码详解
    HTML5实践-使用css创建三角形和使用CSS3创建3d四面体的代码详解
      首先要和大家分享的是,如何使用div+css创建三角形。在这里我先把相关代码粘贴出来,然后再为大家讲解原理。
    H5教程 . web前端 1931 2017-03-22 16:19:39
  • HTML5实践- 使用css3丰富图片样式的示例代码
    HTML5实践- 使用css3丰富图片样式的示例代码
      在css3中,直接在图片上使用box-shadow 和 border-radius,浏览器并不能很好的渲染。但是如果把图片作为background-image,添加的样式浏览器可以很好的渲染。我将会介绍如何使用box-shadow, border-radius 和 transition创建不同图片样式效果。
    H5教程 . web前端 2190 2017-03-22 16:15:47
  • html5指南(4)-使用Geolocation的详解
    html5指南(4)-使用Geolocation的详解
      今天我们要学习的是使用Geolocation实现定位功能。我们可以通过navigator.geolocation获取Geolocation对象,他提供了下列方法:
    H5教程 . web前端 1938 2017-03-22 16:09:34
  • html5指南(3)-实现拖拽功能
    html5指南(3)-实现拖拽功能
      本文的内容是关于在html5中如何实现html元素拖拽功能。在html5之前要实现拖拽,需要借助js,现在html5内部就支持了拖拽的功能,但是要实现稍微复杂的功能还是少不了js的帮忙。下面我们看几个例子。
    H5教程 . web前端 1777 2017-03-22 16:05:52
  • html5指南(2)-操作Document metadata的详情介绍
    html5指南(2)-操作Document metadata的详情介绍
      compatMode属性告诉你浏览器是如何处理当前document的。有太多不标准的html了,浏览器会试图显示这些页面,即使他们不符合html规范。有些内容依赖于早先浏览器大战时所存在的独特的特性,而这些属性石不符合规范的。compatMode会返回一个或两个值,如下:
    H5教程 . web前端 1721 2017-03-22 16:01:40
  • 详解html5图片上传支持图片预览压缩及进度显示兼容IE6及标准浏览器
    详解html5图片上传支持图片预览压缩及进度显示兼容IE6及标准浏览器
    以前写过上传组件,见 打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一般的上传没有问题,不过如果是上传图片,且需要预览的话,就力有不逮了,趁着闲暇时间,给上传组件添加了单独的图片上传UI,支持图片预览和缩放(通过调整图片的大小以实现图片压缩)。
    H5教程 . web前端 2531 2017-03-23 16:14:05
  • HTML5  Canvas实现五子棋游戏的代码分享(图文)
    HTML5 Canvas实现五子棋游戏的代码分享(图文)
      因为之前用c#的winform中的gdi+,java图形包做过五子棋,所以做这个逻辑思路也就驾轻就熟,然而最近想温故html5的canvas绘图功能(公司一般不用这些),所以做了个五子棋,当然没参考之前的客户端代码,只用使用之前计算输赢判断算法和电脑AI(网络借取)的算法,当然现在html5做的五子棋百度一下非常多,但是自己实现一边总归是好事情,好了废话不多说了进入正题。^_^
    H5教程 . web前端 6974 2017-03-22 15:43:58
  • 详解html5+css3实现跑动的爱心和动态水滴效果的示例代码分享
    详解html5+css3实现跑动的爱心和动态水滴效果的示例代码分享
      我写这篇博客,我不想在这叨叨html5与html4的区别,我想这些工作已经有很多人做了。 我只是凭借自己的兴趣爱好+项目的需要 在这里demo一下。
    H5教程 . web前端 3862 2017-03-22 15:33:40
  • 详细分析HTML5 FormData对象的使用
    详细分析HTML5 FormData对象的使用
      XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData 对象,我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件,我们还可以使用 XMLHttpRequest 的 send() 方法来异步的提交表单。与普通的 Ajax 相比,使用 FormData 的最大优点就是我们可以异步上传二进制文件。
    H5教程 . web前端 2263 2017-03-22 15:29:30
  • 使用HTML5 canvas实现一个简单的粒子引擎代码实例
    使用HTML5 canvas实现一个简单的粒子引擎代码实例
    好吧,说是“粒子引擎”还是大言不惭而标题党了,离真正的粒子引擎还有点远。废话少说,先看demo 本文将教会你做一个简单的canvas粒子制造器(下称引擎)。
    H5教程 . web前端 2376 2017-03-22 15:26:37
  • HTML5+NodeJs实现WebSocket即时通讯的示例代码分享
    HTML5+NodeJs实现WebSocket即时通讯的示例代码分享
      最近都在学习HTML5,做canvas游戏之类的,发现HTML5中除了canvas这个强大的工具外,还有WebSocket也很值得注意。可以用来做双屏互动游戏,何为双屏互动游戏?就是通过移动端设备来控制PC端网页游戏。这样的话就要用到实时通讯了,而WebSocket无疑是最合适的。WebSocket相较于HTTP来说,有很多的优点,主要表现在WebSocket只建立一个TCP连接,可以主动推送数据到客户端,而且还有更轻量级的协议头,减少数据传送量。所以WebSocket暂时来说是实时通讯的最
    H5教程 . web前端 5048 2017-03-22 15:23:59

PHP讨论组

组员:3305人话题:1500

PHP一种被广泛应用的开放源代码的多用途脚本语言,和其他技术相比,php本身开源免费; 可以将程序嵌入于HTML中去执行, 执行效率比完全生成htmL标记的CGI要高许多,它运行在服务器端,消耗的系统资源相当少,具有跨平台强、效率高的特性,而且php支持几乎所有流行的数据库以及操作系统,最重要的是

学习途径

工具推荐

jQuery点击文字滚动Scrollocue插件

jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理,转载请注明出处!
文字特效
2025-12-19

CSS3聚光灯下倒影文字特效

CSS3聚光灯下倒影文字特效是一款使用CSS3实现的聚光灯下带倒影的文字旋转动画特效。
文字特效
2025-12-17

jQuery企业留言表单联系代码

jQuery企业留言表单联系代码是一款简洁实用的企业留言表单和联系我们介绍页面代码。
表单按钮
2024-02-29

HTML5 MP3音乐盒播放特效

HTML5 MP3音乐盒播放特效是一款基于html5+css3制作可爱的音乐盒表情,点击开关按钮mp3音乐播放器。
播放器特效
2024-02-29

雅龙智能装备工业设备类WordPress主题1.0

一个专为企业网站设计的现代化WordPress主题,集成了多语言支持、自定义SEO、Open Graph、安全加固和完全响应式设计等企业级功能。 ✨ 核心亮点- ? 完整多语言系统 - 支持中文、英文、越南语、葡萄牙语,可扩展- 自定义SEO功能 - 文章、页面、分类独立SEO设置- Open Graph支持 - 完整的社交媒体分享优化- 22项安全加固 - 企业级安全防护,防止脚本小子攻击- 完全响应式 - 完美适配手机、平板、桌面设备- 高性能优化 - 智能缓存、条件加载、代码优化-
企业站源码
2025-12-18

威发卡自动发卡系统

? 威发卡 - 自动发卡系统 (PHP)? 系统概览? 模板说明 自带一套响应式模板
电商源码
2025-12-17

卡密分发系统

一款卡密/授权码/激活码领取系统,前台注册账号登录之后自动进入会员中心可以领取卡密,已限制每个自然月(1号到月末)领取一次,后台可以生成密码,可以导出,用于导入卡密系统或者授权系统 安装环境:PHP7.2(需安装SG11)+SQL 将源码上传到网站根目录,访问域名将进入安装程序
电商源码
2025-12-16

中华陶瓷网

中华陶瓷网V2013版DT5.0内核模板是高仿必途搜索的2012版,系统核心是DestoonV5.0版本,
电商源码
2025-12-16

国潮烫金春节灯笼矢量素材

新中式金边春节元素矢量素材适用于茶叶、月饼或年货礼盒的腰封设计、企业寄送给客户的2026新年贺卡等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-12-22

巨无霸汉堡美食招贴海报设计下载

巨无霸汉堡美食招贴海报设计适用于巨无霸美食招贴设计 本作品提供巨无霸汉堡美食招贴海报设计的图片会员免费下载,格式为PSD,文件大小为13.1M; 请使用软件Photoshop进行编辑,作品中文字及图均可以通过软件修改和编辑;
psd素材
2025-12-22

极简线条香槟庆祝海报矢量模板

极简线条香槟庆祝海报矢量模板适用于私人酒会、画廊开幕式或高端晚宴的电子邀请函、餐厅新年跨年夜的预订海报等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-12-21

手绘健身房运动器材矢量素材

手绘健身房运动器材矢量素材适用于健身房的开业宣传单、私教课程介绍页的小图标、运动水壶、毛巾等周边产品的印花图案设计等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-12-21

驾照考试驾校HTML5网站模板

驾照考试驾校HTML5网站模板是一款适合提供驾驶培训和组织驾照考试服务机构宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-06-10

驾照培训服务机构宣传网站模板

驾照培训服务机构宣传网站模板是一款适合提供一般驾驶和计划培训的驾校宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-07

新鲜有机肉类宣传网站模板

新鲜有机肉类宣传网站模板是一款适合提供各种新鲜有机肉类食材宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-06

HTML5房地产公司宣传网站模板

HTML5房地产公司宣传网站模板是一款适合从事房地产服务行业宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-06
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号