兼容火狐和IE6等主流浏览器的flash插入网页html代码： object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" name="flashgam
什么是IE条件注释： IE条件注释（Conditional comments）是IE浏览器私有的代码，是一个类似IF判断的语法注释块，IE5之上支持。 例如下面： !--[if IE]您使用的是IE浏览器br /![endif]--!--[if IE 6]您
jQuery笔记之html()和text()的区别： html()方法：相当于js中的innerHTML 设置或读取该节点中的html代码 如 var content = $("a").html(); text()方法：相当于中的innerText 设置或读取该节点中的纯文本
XHTML 的声明太长了，我相信很少会有前端开发人员能手写出这个 Doctype 声明。 !DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" HTML5 的 Doctype 声明很
看看下面一段简单的代码： img alt="About image" src="path/to/image" /h6 Image of Mars./h6 遗憾的是，这里的h6标签和img标签好像没有什么关系，语义不够明确。HTML5意识到了这一点，于是就采用了f
通常你会在link和script加上type属性： LINK rel=stylesheet type=text/css href="path/to/stylesheet.css"SCRIPT type=text/javascript src="path/to/script.js"/SCRIPT 在HTML5中，不再需要type属性了，因为这显得有点多余，去
HMTL5中新增了一个输入框的电子邮件属性，可以检测输入的内容是否符合电子邮件的书写格式，功能越来越强大了吧，在HTML5之前只能依靠JS来检测。虽然内置的表单验证功能很快就会成
文本框中的占位符有利于提升用户体验，之前，我们只能依靠JS来实现占位符的效果，在HTML5中新增了占位符属性placeholder。 INPUT type=email name=email placeholder="doug@givethesepeopleair.com" 同样，目
下面的代码在HTML5中将不复存在 DIV id=header .../DIVDIV id=footer .../DIV 通常我们都会给header和footer定义一个div，然后再添加一个id，但是在HTML5中可以直接使用header和footer标签，所以可以将上
IE浏览器目前对HTML5的支持并不好，也是阻碍HTML5的更快普及的一大绊脚石，不过，IE9对HTML5的支持度还是很不错的。 IE把HTML5新增的标签都解析成内联元素，而实际上它们是块级元素，所
前端人员肯定做过不少表单验证的项目，其中很重要的一点就是有些输入框的内容是必须填写的，这里就需要使用Javascript来检查。在HTML5中，新增了一个“必须填写”的属性：required。
HTML5不再需要Javascript来解决输入框的自动获取焦点，如果某个输入框应当被选择或是获取到输入焦点，HTML5新增了自动获取焦点属性autofocus： INPUT type=text name=someInput placeholder="Douglas Qua
在HTML中引入CSS的方法主要有四种，它们分别是行内式、内嵌式、链接式和导入式。推荐使用链接试(link)。 1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式如果排除！import
在CSS中background: -moz-linear-gradient 让网站背景渐变的属性，目前火狐3.6以上版本和google浏览器支持这个属性。
在html中：name指的是用户名称,ID指的是用户注册是系统自动分配给用户的一个序列号。 name是用来提交数据的，提供给表单用，可以重复； id则针对文档操作时候用，不能重复。如：do
一、ul和ol的子元素只能是li，不能是别的。比如div等，但是li中可以嵌套div。如果ul或者ol嵌套了div等，在ie6和7下会把非li解析到li的内部。如下代码： ulli第一个li/lidivdiv/divli第二个li/l
strip_tags (PHP 3 = 3.0.8, PHP 4, PHP 5) strip_tags — Strip HTML and PHP tags from a string string strip_tags ( string str [, string allowable_tags] ) 弊端 ： 这个函数只能保留想要的html标签，就是参数string allowable_t
在做模板的时候发现问题，首页截取出来的内容中包含了没有闭合的html标签，结果导致样式或内容显示有问题： 假如有一段字符串，例如： Thanks for use a href="http://www.wordpress.comspan cla
定义和用法 !DOCTYPE 声明必须是 HTML 文档的第一行，位于 html 标签之前。 !DOCTYPE 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 在 HTML 4.01 中，!D
超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（外语：H
PhoneGap HTML5 应用简介 PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手机的
什么是 Canvas ： HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
meta标签用的最多的，我想大概是关键词和描述，以及字符集的定义，meta指元素可提供有关页面的元信息（meta-information）。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与
HTML5带给我们的不仅仅是更多语义丰富的标签，还有更多新特性，比如本地存储。要在客户端保存用户一些数据，我们首选使用cookie，但是cookie最多只能存储4kb，而HTML5的本地存储localS
1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。 提示：您可以
我们都知道，整行标签(块状标签，block标签)的margin和padding，但是内嵌标签(内联标签，inline标签，行内标签)有的支持，有的不支持，有的支持部分。我爱模板网闲来无事，测试了大部分
优秀网页设计联盟(SDC)，是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座，聊设计。联盟始终坚持开放、分享、成长的宗旨，为会员提供交流互
优秀网页设计联盟(SDC)，是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座，聊设计。联盟始终坚持开放、分享、成长的宗旨，为会员提供交流互
我爱模板网在这里分享一个用html5的clearRect()方法，清除一个圆形区域，函数如下： function clearCircle(oc,x,y,r){for(var i=0; i Math.round(Math.PI * r); i++){var angle = (i / Math.round(Math.PI * r)) * 360;oc.clea
Html5 Canvas transform就是矩阵变换，一种坐标的变形。 坐标变形的三种方式，平移translate, 缩放scale以及旋转rotate都可以通过transform做到。 transform(m11, m12, m21, m22, dx, dy)：这个方法必须将当前
因为平时很少用HTML5 Canvas画图。今天，在画图时，我爱模板网才发现，HTML5 Canvas画出来的圆，不是圆，是椭圆，正方形，也变成了长方形，而且不清楚，代码片段如下： stylecanvas{width:
移动端 html5手机网站 字体单位font-size选择 px 还是 rem？ 这主要分为两种情况： ①对于只需要适配手机设备，使用px就可以了 ②对于需要适配各种移动设备，使用rem，例如只需要适配iP
HTML5定义了FileReader作为文件API的重要成员用于读取文件，根据W3C的定义，FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader的使用方式非常简单，可以按照如下步
HTML5 Geoloc ation（地理定位）用于定位用户的位置，能够实时获取用户所在位置的经度和纬度。 这是一个html5 Geolocation定位的案例 · 定位用户的位置 HTML5 Geolocation API 用于获得用户的地理
html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。 sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数
html标签嵌套规则 XHTML的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要
html5 video推出之前，不得不借用flash来播放视频，控制起来也非常麻烦。但是html5推出的video，赋予其强大的功能，就算现在自己写个自定义的播放器也不在话下。那么，我们一起看看它都
很多情况下用户上传的图片都需要经过裁剪，比如头像啊什么的。但以前实现这类需求都很复杂，往往需要先把图片上传到服务器，然后返回给用户，让用户确定裁剪坐标，发送给服务
本篇文章主要介绍了详解Angular.js数据绑定时自动转义html标签及内容 ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
这篇文章主要介绍了JS正则获取HTML元素的方法,结合实例形式分析了JS针对页面HTML元素正则操作相关技巧与注意事项,需要的朋友可以参考下
本篇文章主要介绍了详解JS获取HTML DOM元素的8种方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了关于在Angular.js中下拉框实现渲染html的方法，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来跟着小编一起来学习学
这篇文章主要介绍了JS自动生成动态HTML验证码页面，输入错误自动清空输入框的功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
概述： 如果html中的内容可以直接编辑，就像富媒体编辑框一样就强大了。html5新推出的属性 contenteditable 就可以实现类似的功能，点击下面的运行按钮，测试看看： !doctype htmlhtmlheadme
一、HTML5 template元素初面 template元素，基本上可以确定是2013年才出现的。干嘛用的呢，顾名思意，就是用来声明是“模板元素”。 目前，我们在HTML中嵌入模板HTML，往往是类似这样的写
本文转载自编程浪子的博客,主要讲解了html5在手机端浏览器的拍照如何实现，以及利用HTML5的canvas实现的上传图片预览的功能。 最近做一个项目要用到拍照然后上传照片，但是网页拍照
我们都知道，浏览器的几个原生的弹出框，如alert、confirm和prompt是不能写html的。今天，我爱模板网要做下面的效果： 从效果图明显可以看出来，这个是一个confirm提示框，并且提示内容
最近我爱模板网在做项目时，需要用html5的本地存储技术localStorage保存数据，之前用过几次，确实比js的cookie好用多了，但是保存的一直都是字符串，今天想保存对象，发现保存不了，必
touchstart ：触摸开始的时候触发 touchmove ：手指在屏幕上滑动的时候触发 touchend ：触摸结束的时候触发 而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（
sitemap是网站上各网页的列表。创建并提交sitemap有助于百度(Google)发现并了解您网站上的所有网页，包括百度通过传统抓取方式可能找不到的网页。还可以使用sitemap提供有关你网站的其
今天，我爱模板网在做一个支付功能，从本APP，点击支付，自动打开支付宝，支付完成关闭支付宝，返回本APP时，需提醒是否支付成功。那么这个提醒，是从支付宝切回本APP，需要监听
下面这些控件，可以在手机上，选择相册中的图片，也可以选择相机拍照： input type="file" accept="video/*;capture=camcorder"input type="file" accept="audio/*;capture=microphone"input type="file" accept="image/*;c
Barcode模块管理条码扫描，提供常见的条码（二维码及一维码）的扫描识别功能，可调用设备的摄像头对条码图片扫描进行数据输入。通过plus.barcode可获取条码码管理对象。 使用场景：扫
MUI判断网络是否连接
我爱模板网今天做项目遇到一个技术点：已知客户的经纬度，计算客户距离当前距离自己的位置。这个在诸如饿了么、美团等APP上都有应用。下面，就把代码贡献给大家： /** *@desc HTML
调用系统第三方程序进行导航 plus . maps . openSysMap ( dst , des , src ); 参数： dst: ( Point ) 必选 导航目的地坐标 要求使用WGS-84坐标系值，即GPS获取的值。 des: ( DOMString ) 必选 导航目的地描述
js过滤HTML标签以及空格nbsp;的正则表达式： function removeHTMLTag(str) { str = str.replace(/\/?[^]*/g,''); //去除HTML tag str = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白 //str = str.replace(/\n[\s| | ]*\r/g,'\n'); /
在Web应用越来越复杂的今天，消息推送已经成为一个非常重要的功能了，有了消息推送，Web页面就能够及时的接收到来自服务端的消息，为用户展现最好的交互体验。过去我们在实现W
html5 plus 调用浏览器打开app内网址或外部链接，语法如下： plus.runtime.openURL( url, errorCB, identity ); 参数： url: ( String ) 必选 要打开的URL地址 字符串类型，各平台支持的地址类型存在差异，
HTML5草案里面其实有原生的字幕标签(track Tag)的，但使用的是vtt格式的文件，非常规的字幕（.sub, .srt）或歌词文件（.lrc）。
利用css中的user-select属性和html的unselectable属性禁用IE、火狐、谷歌和IOS等浏览器选中文字： HTML代码 pSelectable text./pp unselectable="on" class="noselect"Unselectable text./p CSS代码 .noselect { -webkit-touc
关于js获取网址url的参数，我爱模板网在之前有介绍过一个比较好的方法，详见： 如何用JS获取地址参数，js获取网址传递的参数 。今天，我们来总结下，js如何获取url地址、以及url地址
我爱模板网在用mui做html5+ APP时，从后台用ajax获取过来的数据如下：html标签和空格都去除，这个借助强大的正则表达式即可：
今天，我爱模板网在做APP考勤时，需要定位用户的位置，显示在地图上，于是就想到了用h5+的plus.geolocation.getCurrentPosition来获取经纬度，然后通过百度地图api将经纬度转换成详细的地址
最近碰到个需求，需要把当前页面生成pdf，并下载。弄了几天，自己整理整理，记录下来，我觉得应该会有人需要。 html2canvas 简介 我们可以直接在浏览器端使用html2canvas,对整个或局部页
最近比较迷恋canvas，加之做了一个个人网站，有用到环形进度条，记录下来。 canvas中没有直接绘制圆的方法，但有一个绘制弧线的context.arc方法， 下面讲下用该方法如何绘制出图片效果
html5 plus用js封装了对安卓和IOS底层日历和时钟的调用，pickDate和pickTime，由于是封装的，直接调用的底层的接口，所以，在UI方面，不同的系统的手机显示可能不同，优点是执行速度快。
我爱模板网在做下面的效果时，即按键盘上下键，能够让蓝色背景在行中移动，以选择不同的行，这个用js很好实现，但是由于列表比较多，所以超出了范围，使用了滚动条。可是，当
1、Doctype作用？标准模式与兼容模式各有什么区别 （1）、!DOCTYPE声明位于位于HTML文档中的第一行，处于html标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或
html5+调用摄像头的方法，在前面已经做过笔记，可以查看 mui配合jpgtobase64.js压缩上传或拍照的图片的完整代码 MUI 拍照和从系统相册选择图片上传 当然上面的这些都只能用在APP当中，如
触摸事件是移动浏览器特有的HTML5事件，虽然click事件在pc和移动端更通用，但是在移动端会出现300ms延迟，较为影响用户体验，300ms延迟来自判断双击和长按，因为只有默认等待时间结束
元素，基本上可以确定是2013年才出现的。干嘛用的呢，顾名思意，就是用来声明是“模板元素”。 目前，我们在HTML中嵌入模板HTML
在做项目时，经常会遇到返回的字符串中包含很多的html标签，如果只想要里面的文字内容，就必须把标签去除，下面的代码就是利用正则表达式将字符串中的标签去除干净
前段时间，我爱模板网做项目涉及到一个音乐播放器，自定义的界面，要能歌词同步，没办法，只能自己写了。这个播放器带歌词同步，并且支持上一曲下一曲，进度条可以拖拽，拖拽
audio标签属性： src：音乐的URL preload：预加载 autoplay：自动播放 loop：循环播放 controls：浏览器自带的控制条 Html代码
audio和video的样式修改，一般都是重写界面，然后用js操作audio和video，这种方法的优点是界面定义更灵活，更美观，缺点是如果只想改一点点，比如video播放条颜色，而动手重新写，代价
HTML标签，有时需要显示出来，或者为了防止一些危险的操作，可能需要将它转义，如： h1我爱模板网/h1 通过： function html2Escape(sHtml) { return sHtml.replace(/["]/g,function(c){return {'':'lt;','':'gt;
本文提供了常见的一些js转义html的方法，如去掉html标签、普通字符转成转义符、转义符换成普通字符、nbsp;转成空格、回车转为br标签、去除开头结尾换行,并将连续3次以上换行转换成
由于项目做为h5页面内嵌进安卓页面，因此是在页面中直接引入vantjs和vuejs的，这样一来，布局组件可以直接使用，但有些方法的组件并不能直接使用。以图片预览组件为例 ImagePreview 图
html2canvas可以通过纯JS对浏览器端进行"截屏"，但"截图"的精确度还有待提高，部分css不可识别，如css3的filter等，所以在canvas中不能完全呈现原画面样式。 支持的浏览器 Firefox 3.5+ Google
HTML5 canvas 的 rotate方法，可以实现画布的旋转。 先看个将矩形旋转 20 度的例子： 代码： var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.rotate(20*Math.PI/180); ctx.fillRect(50,20,100,50
HTML5 canvas moveTo() 方法就是绘制一条线的起点。 实例 开始一条路径，移动到位置(moveTo) 0,0。创建到达位置(lineTo) 300,150 的一条线： 提示：请使用 stroke() 方法在画布上绘制确切的路径。
先看个用lineTo画的线条的例子： 开始一条路径，移动到位置 0,0。创建到达位置 300,150 的一条线： JS var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.beginPath();ctx.moveTo(0,0);ctx.line
先看个用HTML 5 canvas lineCap绘制的圆形结束线帽的图片： 上例的JS代码: var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.beginPath();ctx.lineCap="round";ctx.moveTo(20,20);ctx.lineTo(20,200);ctx.st
clearRect的定义和用法 clearRect() 方法清空给定矩形内的指定像素。 实例 在给定矩形内清空一个矩形： js var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.fillStyle="red";ctx.fillRect(0,
1.什么是Web Worker 在web worker规范产生之前，dom渲染和javascript代码执行是在同一个浏览器线程中执行的。也就是说：渲染dom的时候不能执行javascript代码，执行javascript代码的时候，UI界面会
什么是 Web Worker？ 当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。 web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做
这可能是html相当全的特殊字符的HTML、JS、CSS的写法了，直接复制过去就可以使用，非常方便，非常全。转载自博客园 starof。 ⇠ 箭头类 符号 UNICODE 符号 UNICODE HTML JS CSS HTML JS CSS ⇠ #86
本文介绍了使用HTML+CSS实现鼠标划过的下拉菜单栏的示例，分享给大家，功能如下： 先上效果图： 1、鼠标没在上面 2、鼠标放在一级菜单上，展开二级菜单 3、鼠标放在二级菜单上 注释
由于小程序提供的RichText处理html dom过于简单，可能会出现一些样式和原文不一致的问题。所以，有时候就要特殊处理，显示富文本。而wxParse就是一个不错的选择。下面就来说说如何使用
pushState和replaceState是一个HTML5的新接口，他们的作用非常大，可以做到改变网址却不需要刷新页面，这个特性后来用到了单页面应用中比如：vue-router，react-router-dom里面。 注意:仅改变网
后台添加的富文本标签，经常会需要解析，可以通过 wxParse 插件，但是，有时候可能不需要显示，这时就要用正则的方法将它们都去掉： 在需要进行去html标签的wxml内加入下面的代码：
我爱模板网在做微信小程序时，后台传过来一段html，不是很复杂，就没有用 wxParse 了，而是直接用的 rich-text 。但是我发现，后台返回的内容很长，可是显示到页面中，只显示了部分。
很多程序员朋友都会遇到这样的问题，看一个离线版的帮助文档（chm文件），总会产生一个索引文件（该文件的chw文件），而且有些chm文件在编译时遗留的问题，可能会导致一些排版无
在逛cnblogs时，看到的一篇文章，写的太好，就转载了： html5 AudioContext音频处理，绘制音乐波峰图。先看下效果图： 本例子可以工作在最新的Chrome及Firefox浏览器下，其他未测试。点击
将图片的绝对路径转换成base64编码，请看 这篇文章 我们先来理解基本知识点： 1. 理解HTML5中的FileList对象与file对象。 在HTML5中，FileList对象表示用户选择的文件列表。通过添加multipe属性
工作中遇到了HTML5公众号，需要拾取图片，识别图片中的身份证号、驾驶证。也就是ORC。注册了百度的ORC，将图片转为base64，直接使用百度的ORC接口实现了。估计将来可能还会遇到，于是
每个网页都位于浏览器窗口内，可以将其视为对象。**Document对象** 表示被显示在窗口中的HTML文档。**Document对象** 具有各种属性，这些属性引用允许访问和修改文档内容的其他对象。访
JavaScript定义了一组格式化字符串显示的方法，说明如表所示。 String 类型的格式化字符串方法 方法 说明 anchor() 返回 HTMLa标签中name属性值为 String字符串文本的锚 big() 返回使用 HTMLbig标签
有时候可能有这个需求：用v-html渲染html内容，但是这个html里面不仅仅是原生的html内容，可能包含v-on等vue的事件、v-model等vue的数据甚至vue自定义组件标签，但是v-html是不能解析这些的，
原理：PHP中str_replace替换函数的运用， 首先需要一个数据库，我叫他newsdata. 和一张表：(news) 具体如下图： 提一点，新闻内容和后面说到的html路径的类型设为了TEXT,在MySQL—Front中会显示
在爬来的数据中有的时候会出现零宽字符 #8203; ,一般情况对界面没有什么影响，但是当一行最后一个字后面出现零宽字符 #8203; 就会出现换行，影响界面的排版： 我的解决办法是把零宽
1、在 contenteditable=true 中插入 contenteditable=false 的元素，如果为其设置css user-select: none; 后会导致删除连续的 contenteditable=false 元素被一次性删除。 2、想让 contenteditable 元素粘贴时自
我爱模板网有个需求，即将后台传回的html转成DOM，然后用 replaceChild 来替换页面中已经存在的DOM。JavaScript里动态创建标准DOM对象一般使用： document.createElement() 方法，但这个并不能直接
我爱模板网用react-native的webview回显后台传过来的html时，遇到了三个问题： 1、webview高度不能自适应，必须设置死，可以在html种执行js，获取document的高度，然后通过postmessage，通知页面
我爱模板网 在做一个网站时，需要录入用户的个人简历，使用的是textarea组件，客户的意思是能够根据填写的内容自动撑高高度。百度一番，找到下面的文章感觉不错： 方法一：使用
利用jQuery的load或者ajax的方法，能够轻松实现前端的无刷新载入页面。详见： Ajax+History实现局部刷新页面，局部载入页面 。但是，如果被载入页面有js的话，会发现js无法执行。下面的代
1 Loader是用于特定的模块类型进行转换 2 Plugin可以用于执行更加广泛的任务，比如打包优化、资源管理、环境变量注入等
js的decodeURIComponent以及encodeURIComponent转码太高级了，有时候可能只是为了防止注入，将js变的不可执行等，仅仅只需要转码和解码html的左右尖括号以及 & 符就可以了
html5 video标签播放视频不能沾满，边缘有空白
js去除html字符串中的style样式
js如何利用正则去除html字符串中style属性里的width样式
