OTC免费资源网常用 HTML 转义符对照表
为什么要用转义字符串？ HTML中<，>，&等有特殊含义（<，>，用于链接标签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？ ...
标签：HTML
form表单提交后不刷新不跳转的实现方法
由于制作用户的注册界面，发现每当form表单提交后，都会刷新一下，导致填写的数据丢失，为了解决这一问题专门，百度了一下。还真找到了一种form表单提交后，不刷新的方法，先转过来，以后备用。 代码如下： <html> <bo...
HTML5部份标签及标签意义解释
HTML5：万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改 HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的...
HTML5中表单验证的8种方法
前一篇，我们介绍了HTML5中新的表单特性和函数， 今天就继续来谈谈HTML5的表单验证。在深人探讨表单验证之前，让我们先思考一下表单验证的真实含义。就其核心而言，表单验证是一套系统，它为终端用户检测无效的控件数据并标记这些错误。换言之，表...
html5知识点：多终端浏览器兼容
什么是多终端？ 多终端就是包括了我们的电脑，手机，手持式移动设备比如ipad等。 因为各类设备的显示屏幕大小不一，分辨率不一，最佳可视效果的横竖设置也不一样，所以多终端浏览器兼容主要就是学习如何让我们的项目在多终端上呈现相同的显示效果，它主...
html5知识点：DOM编程
DOM是Document Object Model的缩写，中文名称是文档对象模型。 DOM是处理HTML页面的标准编程接口，DOM可被JavaScript用来读取、改变HTML的内容和结构。 前端三大件指HTML、CSS...
UTF-8与UTF-8无BOM的差异导致的异常
UTF-8 无BOM格式 UTF-8 BOM又叫UTF-8 签名,其实UTF-8 的BOM对UFT-8没有作用,是为了支援UTF-16,UTF-32才加上的BOM,BOM签名的意思就是告诉编辑器当前文件采用何种编码,方便编辑器识别,但是BO...
article和section的区别
article 文章是一个独立的，单独的一段离散的内容。例如一篇博客的帖子，或者一个email中的单个email。 一篇博客中的帖子，可以由rss或者其他方法聚合，而不需要更多的上下文就有意义： <article> <ah...
搜索框提示文字点击消失的效果
当输入框默认显示“提示的文字”当鼠标点击的时候自动变成空白，如果不输入任何文字再点击其他地方则再次显示“提示的文字”，如果输入了文字再点击其他地方则无反映，代码如下： <input value="提示的文字" on...
HTML5的 input:file上传类型控制
1. input:file属性 属性值有以下几个比较常用： accept：表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。 multiple：是否可以选择多个文件，多个文件时其value值为第一个文...
使用 HTMLPurifier 来解决 Laravel 5 中的 XSS 跨站脚本攻击安全问题
HTMLPurifier for Laravel 是对 HTMLPurifier 针对 Laravel 框架的一个封装. 使用 Composer 安装： composer require mews/purifier 在 config/app...
HTML5实现获取地理位置信息并定位功能
前言 这篇文章主要介绍了HTML5实现获取地理位置信息并定位功能,本文讲解了原生HTML5、百度地图、谷歌地图等三种获取理位置信息并定位的方法,需要的朋友可以参考下。 HTML5提供了地理位置定位功能（Geolocation AP...
自定义美化HTML5 video视频播放器界面样式
一款可以自定义美化HTML5 video视频播放器界面样式代码，如果你觉得默认的video标签的样式太单调，那么你就需要这款美化video UI界面的代码了。 代码下载：https://pan.lanzou.com/i0z8qrg
html5 canvas跟随鼠标光标移动出现的圆点泡泡动画特效
一款好看的html5 canvas跟随鼠标光标移动出现的圆点泡泡动画特效，跟随鼠标运动轨迹出现并很快消失。 js代码 <script src="underscore.js" type="text/Java...
canvas小tip–下载二维码、图片加水印
昨天介绍了一个生成二维码的插件QRCode.js，它是借助HTML5 Canvas绘制而成。所以，今天的主角就是canvas啦–canvas的实际应用。 一、下载二维码（查看如何生成二维码） HTMLCanvasElement提...
HTML5-语义化
距HTML5标准规范制定完成并公开发布已经有好些年了，面试时也少不了要问对HTML5语义化得理解。但是在实际运用时，真正使用HTML5标签来开发的似乎不是很多（ps：查看了几个巨头公司网站推论），可能一部分原因是仍有部分用户使用在使用低版本...
一个比 Cookie 更好的本地存储方式 – HTML5 Web 存储
Web 开发中经常会遇到网站需要做一些例如用户备忘录、文章修改自动保存等需求 这些功能不需要长期保存，也不需要入数据库，所以有人可能会考虑使用 Cookie 去进行存储，但是 Cookie 中每条的存储空间为 4k，存储太多的数据时可能会出...
dns-prefetch应用好，网站速度能提高一半！
DNS Prefetch，即DNS预获取，是前端优化的一部分。一般来说，在前端优化中与 DNS 有关的有两点： 一个是减少DNS的请求次数，另一个就是进行DNS预获取 。 DNS 作为互联网的基础协议，其解析的速度似乎很容易被网...
网页开发中如何选取合适且统一的字体
今天子凡就来给大家分享一下如何选给网页选择合适且统一的字体。 首先我们网页上要想统一字体其实有两种方法，一种是选择大家操作系统上都有的默认字体，第二种就是强行在网页总载入字体文件来实现，但是子凡非常非常不推荐这样的方式，这样对页面的加载造成...
HTML基础之图片标签的用法！
在HTML中<img>这个标签是定义文本中的图片标签，它的作用就比如说可以提供图片的名字、提供图片的尺寸大小和提供图片的一些图片属性，比如Alt这个属性，可以给图片一个名称来告诉朋友们。这个也是对seo优化的一种细节上的方式。这...
HTML中css和js链接中的版本号
在搜索引擎中搜索关键字.htaccess 缓存，你可以搜索到很多关于设置网站文件缓存的教程，通过设置可以将CSS、js等不太经常更新的文件缓存在浏览器端，这样访客每次访问你的网站的时候，浏览器就可以从浏览器的缓存中获取css、j...
html中实现数据的显示和隐藏
<!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&q...
HTML中meta的作用
meta是用来在HTML文档中模拟HTTP协议的响应头报文。 meta 标签用于网页的与中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以...
HTML5不支持frameset的两种解决方法
frameset标签定义框架集，它用于组织多个窗口（框架）。每个框架存在一个独立的文档。在最简单的应用中，frameset 元素仅仅声明框架集中存在的列或行的数目。但在 HTML5中frameset标签没有得到支持，本文将跟大家分享HTML...
移动端html5页面长按实现高亮全选文本内容的兼容解决方案
最近需要给HTML5的WebAPP在页面上实现一个复制功能：用户点击长按文本会全选文字并弹出系统“复制”菜单，用户可以点击“复制”进行复制操作，然后粘贴到AppStore搜索对应的应用。之所以...
HTML5+css3：3D旋转木马效果相册
这篇博客的目的是因为上篇HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果中有个关于CSS 3D效果的比较重要的知识点没讲到，就是perspective和tranlateY 效果图：嘿嘿，我把大学毕业时的一些照片，做成...
html 中input标签的隐藏方法
有的时候我们需要隐藏input标签，我们可以加入(style="display:none;) 如下： <input type="submit" name="submit" value=...
HTML5实现文件断点续传的方法
HTML5的FILE api，有一个slice方法，可以将BLOB对象进行分割。前端通过FileList对象获取到相应的文件，按照指定的分割方式将大文件分段，然后一段一段地传给后端，后端再按顺序一段段将文件进行拼接。 断点续传原理 目前比较...
分享一个H5原生form表单的checkbox特效
<code class=\"language-JavaScript\"><!DOCTYPE html> <html> <head> <meta charset="UT...
快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型
前言 3D 场景中的面不只有水平面这一个，空间是由无数个面组成的，所以我们有可能会在任意一个面上放置物体，而空间中的面如何确定呢？我们知道，空间中的面可以由一个点和一条法线组成。这个 Demo 左侧为面板，从面板中拖动物体到右侧的 3D 场...