首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • HTML5-WebSocket实现聊天室示例

    HTML5-WebSocket实现聊天室示例

    在传统的网页实现聊天室的方法是通过每隔一段时间请求服务器获取相关聊天信息来实现，然而html5带来的websocket功能改变这了这种方式．由于websocket在连接服务器后允许保持连接来进行数据交互，因此服务器可以主动地向客户端发送相应
    2025-03-13
  • HTML5地理定位_动力节点Java学院整理

    HTML5地理定位_动力节点Java学院整理

    地理位置（Geolocation）是HTML5的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下HTML5地理位置定位的基本原理及各个浏览器的数据精度情况。在访问位置信息前，浏览器都
    2025-03-12
  • 详解前端HTML5几种存储方式的总结

    详解前端HTML5几种存储方式的总结

    总体情况h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。主要应用：购物车、客户登录对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。目标解决4k的大小问题解
    2025-03-12
  • html文本溢出显示省略字符的两种常用解决方法

    html文本溢出显示省略字符的两种常用解决方法

    方法一：使用CSS溢出省略的方式解决解决效果如下：css代码：display: -webkit-box; display: -moz-box; white-space: pre-wrap;
    2025-03-12
  • 浅谈html5 video 移动端填坑记

    浅谈html5 video 移动端填坑记

    本文介绍了html5 video 移动端填坑记，分享给大家，具体如下：<video id=video style=object-fit:fill autoplay webkit-playsinline playsinline
    2025-03-12
  • canvas简易绘图的实现（海绵宝宝篇）

    canvas简易绘图的实现（海绵宝宝篇）

    最近在研究canvas，简单的用canvas绘制了一下卡通人物--海绵宝宝。图片如下：代码如下：<!DOCTYPE html><html> <head> <meta charset=utf-8 /> <title>canvas海绵宝宝<
    2025-03-12
  • Html5页面在微信端的分享的实现方法

    Html5页面在微信端的分享的实现方法

    微信分享，咋一看好像很复杂，实则非常简单。只需要调用微信官方出的微信jssdk，加上些许配置，就可以实现h5页面在微信上的分享，官方文档地址为：https://mp.weixin.qq.com/wiki?t=resource/res_mai
    2025-03-12
  • 使用phonegap查找联系人的实现方法

    使用phonegap查找联系人的实现方法

    实例如下：<!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title>Database Example</title>
    2025-03-12
  • WEB标准教程：Div+CSS布局入门教程

    WEB标准教程：Div+CSS布局入门教程

    在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CS
    2025-03-12
  • 浅谈网页基本性能优化规则小结

    浅谈网页基本性能优化规则小结

    针对浏览器网页的一些优化规则页面优化静态资源压缩借助构建工具（webpack、gulp）适当压缩图片、脚本及样式等网页静态资源。CSS雪碧图、base64内联图片将站内小图标合并成一张图，使用css定位截取对应图标；适当使用内联图片。样式置
    2025-03-12
  • Html中使用自定义图片来实现checkbox显示的方法

    Html中使用自定义图片来实现checkbox显示的方法

    如果需要使用图片来实现checkbox的使用，可以使用来实现，实现原理是将label表签代替checkbox的显示，将checkbox的display设置为none,在label标签中使用要显示的图片img，再使用js函数去控制图片的选中与
    2025-03-12
  • js实现移动端H5页面手指滑动刻度尺功能

    js实现移动端H5页面手指滑动刻度尺功能

    写了一个在移动端使用的可滑动刻度尺，曾经在原生App中看到过，做得很精细，现在用web页面实现的；实现效果如下：（源码见文章的最后）　　封装成直接可用的MeasureRuler.js　　调用方法：//初始化尺子 var measure
    2025-03-12
  • 使用canvas一步步实现图片打码功能的方法

    使用canvas一步步实现图片打码功能的方法

    原文地址https://github.com/MY729/front-common-funtion/blob/master/picture-code-demo/README.md预览地址https://my729.github.io/fro
    2025-03-11
  • html 基于 canvas 实现的一个截图小demo

    html 基于 canvas 实现的一个截图小demo

    写在最前记得以前在人人上看到一个分享，讲解基于js的截图方案，详细的不记得了，只记得还挺有意思的貌似用了canvas？所以这次打算自己写一个分享给大家作者的思路。这只是一个很简陋的小demo如有bug请提issues。按照惯例po代码地址。
    2025-03-11
  • HTML5 input新增type属性color颜色拾取器的实例代码

    HTML5 input新增type属性color颜色拾取器的实例代码

    定义和用法type 属性规定 input 元素的类型。注释：该属性不是必需的，但是我们认为您应该始终使用它。<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <meta n
    2025-03-11
上一页 130131132133134135136137138下一页