详解canvas.toDataURL()报错的解决方案全都在这了
报错详尽信息Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.关键词 canvas.toDa...
2020-04-02
根据浏览器不同加载不同的css实现兼容
浏览器有IE阵营、火狐阵营、谷歌阵营、苹果Safari阵营，特别是IE系列，更是有各种版本兼容问题，由于其他浏览器都能轻易升级到新版，而只有IE升级麻烦，高版本的IE甚至需要高版本系统...
2020-03-10
HTML特殊字符编码对照表
下面列举的是在html中一些比较特殊的字符符号的编码表示，工作中偶尔会用到，记录一下。 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 特殊符...
2020-02-20
HTML中有哪些文本标签？
HTML中有哪些文本标签？下面本篇文章就来给大家介绍一下HTML中的文本标签。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。一、标题标签单词缩写： head 头部....
2019-11-11
div+css与table的区别是什么？
众所周知，这（DIV+CSS和Table）两种语句都经常被开发人员使用了来控制界面显示，但是这两种语法也有很大的不同，下面分别从这两种语句的优缺点进行分析。制作效率我想没人反对表格的...
2019-11-10
html什么是块级元素？
display属性为block的元素为块级元素。通常块级元素在很多浏览器中，都是显示占据一行，并且排斥其他元素和其他元素在同一行，在浏览器中，块元素出现的形状是矩形，并且盛放其他元素...
2019-11-10
html如何调用外部css？
CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实...
2019-11-10
HTML空（void）元素有哪些？
空元素，即没有内容的HTML元素。那么空（void）元素有哪些？下面本篇文章就来给大家介绍一下HTML中空元素，希望对大家有所帮助。没有内容的 HTML 元素被称为空元素。空元素是在开始标...
2019-11-10
使div变身textarea的属性“contenteditable”
今天在QQ空间的情侣主页中查看arrow的实现效果，无意中发现文本域使用了“contenteditable”属性，使div变成了textarea效果，可以方便解决文本框随着内容自适应高度，con...
2019-11-07
实测iframe自适应高度的两种方法
方案一<iframe name="myiframe" id="myiframe" src="#" frameborder="0" scrolling="no"></iframe><script type="text/javascript" language="javascript"> $(window.paren...
2019-11-06
html中隐藏A标签的文字并显示背景图片
在前端web的设计中，有时候为了seo需要做一些不合常理的规划，所以在我们这里做SEO的小组经常和做前端的小组干仗的。今天就说一个SEO小组提出的HTML前端设计方案中的一个小需求...
2019-10-08
A链接属性值 nofollow 和 external nofollow 的作用与区别
专门做SEO的对A标签中rel属性 nofollow 值与 external 值的用法肯定非常的熟悉了，但是对于一些不懂SEO或者seoer们，可谓是天书一般。这篇博文就说一说A标签中rel属性值 nofoll...
2019-10-05
html中onclick事件属性定义与用法
在前端网页设计时，离不开一些动态事件的交互，比如提交数据，登录，注册等等。这事件一般都需要通过HTML onclick事件的调用，这篇文章重点介绍一下 onclick事件的定义与用法onclick...
2019-10-04
html select 元素下拉菜单选中事件
今天在写一个关于 html 中 select 下拉元素选择的动态事件时，发现如果使用 javascript 中的 click 事件的话，会被执行两次。网上查了一下资料，发现 select 元素下拉选中事件并...
2019-10-03
HTML5中的预加载功能
在网站WEB前端设计中，如果想加快网页的加载速度，减少网站访客的等待时间，经常要对HTML页面文件，CSS文件，JS文件，图片文件等静态文件进行压缩，也有的会使用CDN一类的加速服务。而今...
2019-09-28
html5 调用手机摄像头以及录音的方法
前两天发布了一篇关于利用html5在手机端进行拨号和发送短信的教程，今天再说一下利用html5在手机端调用摄像头以及录音的教程HTML5 调用手机摄像头在html5中可以利用type类型...
2019-09-28
html拨打电话和发送短信功能的实现方法
今天有一童鞋过来问如何在HTML页面中，添加拨打电话号码的的功能。我个人没做过此类的功能，也有点疑惑，就百度了一下查了点资料，发现非常的简单，写个教程记录一下。HTML拨打电话的...
2019-09-28
img中alt和title属性的区别
在图像标签img中，除了常用的宽度width和高度height属性之外，还有两个比较重要并且也会用到的属性，就是alt和title，这都是用来显示图片内容的具体信息的，但是这两个属性也有不同的...
2019-08-25
HTML <input> 标签的 accept 属性
<form> <input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" /></form>accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进...
2019-08-25
HTML中的target(_self,_blank)用法总结
最近一个项目，多次遇到target='_self', target='_blank'的用法， 再次总结一下：1.<a>标签<a href="xxxx" target="_self">XX</a><a href="xxxx" target="_bla...
2019-08-25
深入15个HTML元素方法，你见过吗？
虽然现代化的 web 开发更多地依赖各种 MVC 框架，但开发者仍需要熟练掌握 HTML 与 DOM 方面的基础知识。不过，即使是有着多年经验的前端开发者，也会遇到一些不明所以的情况。本...
2019-08-25
快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型
前言3D 场景中的面不只有水平面这一个，空间是由无数个面组成的，所以我们有可能会在任意一个面上放置物体，而空间中的面如何确定呢？我们知道，空间中的面可以由一个点和一条法线组...
2019-08-25
分享一个H5原生form表单的checkbox特效
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .md-checkbox { margin: 50px; position: relative; height: auto; font...
2019-08-25
HTML5实现文件断点续传的方法
HTML5的FILE api，有一个slice方法，可以将BLOB对象进行分割。前端通过FileList对象获取到相应的文件，按照指定的分割方式将大文件分段，然后一段一段地传给后端，后端再按顺序一段段...
2019-08-22
html 中input标签的隐藏方法
有的时候我们需要隐藏input标签，我们可以加入(style="display:none;)如下：<input type="submit" name="submit" value="Submit" style="display:none;"/>...
2019-08-22
HTML5+css3：3D旋转木马效果相册
这篇博客的目的是因为上篇HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果中有个关于CSS 3D效果的比较重要的知识点没讲到，就是perspective和tranlateY效果图：嘿嘿，我...
2019-08-09
移动端html5页面长按实现高亮全选文本内容的兼容解决方案
最近需要给HTML5的WebAPP在页面上实现一个复制功能：用户点击长按文本会全选文字并弹出系统“复制”菜单，用户可以点击“复制”进行复制操作，然后粘贴到App...
2019-08-09
HTML5不支持frameset的两种解决方法
frameset标签定义框架集，它用于组织多个窗口（框架）。每个框架存在一个独立的文档。在最简单的应用中，frameset 元素仅仅声明框架集中存在的列或行的数目。但在 HTML5中frameset...
2019-08-09
HTML中meta的作用
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于con...
2019-08-09
html中实现数据的显示和隐藏
<!DOCTYPE html><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><head><title>demo</title><script>var obj = document.getElementById("di...
2019-08-09
HTML中css和js链接中的版本号
在搜索引擎中搜索关键字.htaccess 缓存，你可以搜索到很多关于设置网站文件缓存的教程，通过设置可以将css、js等不太经常更新的文件缓存在浏览器端，这样访客每次访问你的网站的...
2019-07-29
HTML基础之图片标签的用法！
在HTML中<img>这个标签是定义文本中的图片标签，它的作用就比如说可以提供图片的名字、提供图片的尺寸大小和提供图片的一些图片属性，比如Alt这个属性，可以给图片一个名称来告诉...
2019-07-15
网页开发中如何选取合适且统一的字体
今天子凡就来给大家分享一下如何选给网页选择合适且统一的字体。首先我们网页上要想统一字体其实有两种方法，一种是选择大家操作系统上都有的默认字体，第二种就是强行在网页总...
2019-07-14
dns-prefetch应用好，网站速度能提高一半！
DNS Prefetch，即DNS预获取，是前端优化的一部分。一般来说，在前端优化中与 DNS 有关的有两点： 一个是减少DNS的请求次数，另一个就是进行DNS预获取 。 DNS 作为互联网的基础协议，其...
2019-07-11
一个比 Cookie 更好的本地存储方式 – HTML5 Web 存储
Web 开发中经常会遇到网站需要做一些例如用户备忘录、文章修改自动保存等需求 这些功能不需要长期保存，也不需要入数据库，所以有人可能会考虑使用 Cookie 去进行存...
2019-01-11
canvas小tip–下载二维码、图片加水印
昨天介绍了一个生成二维码的插件QRCode.js，它是借助HTML5 Canvas绘制而成。所以，今天的主角就是canvas啦–canvas的实际应用。一、下载二维码（查看如何生成二维码）HTMLCanv...
2018-09-21
html5 canvas跟随鼠标光标移动出现的圆点泡泡动画特效
一款好看的html5 canvas跟随鼠标光标移动出现的圆点泡泡动画特效，跟随鼠标运动轨迹出现并很快消失。js代码<script src="underscore.js" type="text/javascript" charset="ut...
2018-08-26
自定义美化HTML5 video视频播放器界面样式
一款可以自定义美化HTML5 video视频播放器界面样式代码，如果你觉得默认的video标签的样式太单调，那么你就需要这款美化video UI界面的代码了。代码下载：https://pan.lanzou.com...
2018-08-26
HTML5实现获取地理位置信息并定位功能
前言这篇文章主要介绍了HTML5实现获取地理位置信息并定位功能,本文讲解了原生HTML5、百度地图、谷歌地图等三种获取理位置信息并定位的方法,需要的朋友可以参考下。HTML5提...
2018-08-26
使用 HTMLPurifier 来解决 Laravel 5 中的 XSS 跨站脚本攻击安全问题
HTMLPurifier for Laravel 是对 HTMLPurifier 针对 Laravel 框架的一个封装.使用 Composer 安装：composer require mews/purifier在 config/app.php 文件的 providers 数组添...
2018-08-20
HTML5的 input:file上传类型控制
1. input:file属性 属性值有以下几个比较常用： accept：表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。 multiple：是否可以选择多...
2018-08-19
搜索框提示文字点击消失的效果
当输入框默认显示“提示的文字”当鼠标点击的时候自动变成空白，如果不输入任何文字再点击其他地方则再次显示“提示的文字”，如果输入了文字再点击其他地方则无反映，代码如...
2018-08-14
article和section的区别
article 文章是一个独立的，单独的一段离散的内容。例如一篇博客的帖子，或者一个email中的单个email。 一篇博客中的帖子，可以由rss或者其他方法聚合，而不需要更多的上...
2018-08-14
UTF-8与UTF-8无BOM的差异导致的异常
UTF-8 无BOM格式 UTF-8 BOM又叫UTF-8 签名,其实UTF-8 的BOM对UFT-8没有作用,是为了支援UTF-16,UTF-32才加上的BOM,BOM签名的意思就是告诉编辑器当前文件采用何种编码...
2018-08-13
html5知识点：DOM编程
DOM是Document Object Model的缩写，中文名称是文档对象模型。DOM是处理HTML页面的标准编程接口，DOM可被JavaScript用来读取、改变HTML的内容和结构。前端三大件指HTML、CSS、J...
2018-08-11
html5知识点：多终端浏览器兼容
什么是多终端？多终端就是包括了我们的电脑，手机，手持式移动设备比如ipad等。因为各类设备的显示屏幕大小不一，分辨率不一，最佳可视效果的横竖设置也不一样，所以多终端浏览器兼容主...
2018-08-11
HTML5中表单验证的8种方法
前一篇，我们介绍了HTML5中新的表单特性和函数， 今天就继续来谈谈HTML5的表单验证。在深人探讨表单验证之前，让我们先思考一下表单验证的真实含义。就其核心而言，表单验证是一套...
2018-08-11
HTML5部份标签及标签意义解释
HTML5：万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等...
2018-08-11
form表单提交后不刷新不跳转的实现方法
由于制作用户的注册界面，发现每当form表单提交后，都会刷新一下，导致填写的数据丢失，为了解决这一问题专门，百度了一下。还真找到了一种form表单提交后，不刷新的方法，先转过来，以...
2018-08-11
