HTML/html5 - 教程之家

283浏览

0评论

详解canvas.toDataURL()报错的解决方案全都在这了

报错详尽信息Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.关键词 canvas.toDa...

2020-04-02

251浏览

0评论

根据浏览器不同加载不同的css实现兼容

浏览器有IE阵营、火狐阵营、谷歌阵营、苹果Safari阵营，特别是IE系列，更是有各种版本兼容问题，由于其他浏览器都能轻易升级到新版，而只有IE升级麻烦，高版本的IE甚至需要高版本系统...

2020-03-10

290浏览

0评论

HTML特殊字符编码对照表

下面列举的是在html中一些比较特殊的字符符号的编码表示，工作中偶尔会用到，记录一下。特殊符号命名实体十进制编码特殊符号命名实体十进制编码特殊符...

2020-02-20

432浏览

0评论

HTML中有哪些文本标签？

HTML中有哪些文本标签？下面本篇文章就来给大家介绍一下HTML中的文本标签。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。一、标题标签单词缩写： head 头部....

2019-11-11

211浏览

0评论

div+css与table的区别是什么？

众所周知，这（DIV+CSS和Table）两种语句都经常被开发人员使用了来控制界面显示，但是这两种语法也有很大的不同，下面分别从这两种语句的优缺点进行分析。制作效率我想没人反对表格的...

2019-11-10

242浏览

0评论

html什么是块级元素？

display属性为block的元素为块级元素。通常块级元素在很多浏览器中，都是显示占据一行，并且排斥其他元素和其他元素在同一行，在浏览器中，块元素出现的形状是矩形，并且盛放其他元素...

2019-11-10

232浏览

0评论

html如何调用外部css？

CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实...

2019-11-10

827浏览

0评论

HTML空（void）元素有哪些？

空元素，即没有内容的HTML元素。那么空（void）元素有哪些？下面本篇文章就来给大家介绍一下HTML中空元素，希望对大家有所帮助。没有内容的 HTML 元素被称为空元素。空元素是在开始标...

2019-11-10

202浏览

0评论

使div变身textarea的属性“contenteditable”

今天在QQ空间的情侣主页中查看arrow的实现效果，无意中发现文本域使用了“contenteditable”属性，使div变成了textarea效果，可以方便解决文本框随着内容自适应高度，con...

2019-11-07

223浏览

0评论

实测iframe自适应高度的两种方法

方案一<iframe name="myiframe" id="myiframe" src="#" frameborder="0" scrolling="no"></iframe><script type="text/javascript" language="javascript"> $(window.paren...

2019-11-06

817浏览

0评论

html中隐藏A标签的文字并显示背景图片

在前端web的设计中，有时候为了seo需要做一些不合常理的规划，所以在我们这里做SEO的小组经常和做前端的小组干仗的。今天就说一个SEO小组提出的HTML前端设计方案中的一个小需求...

2019-10-08

250浏览

0评论

A链接属性值 nofollow 和 external nofollow 的作用与区别

专门做SEO的对A标签中rel属性 nofollow 值与 external 值的用法肯定非常的熟悉了，但是对于一些不懂SEO或者seoer们，可谓是天书一般。这篇博文就说一说A标签中rel属性值 nofoll...

2019-10-05

723浏览

0评论

html中onclick事件属性定义与用法

在前端网页设计时，离不开一些动态事件的交互，比如提交数据，登录，注册等等。这事件一般都需要通过HTML onclick事件的调用，这篇文章重点介绍一下 onclick事件的定义与用法onclick...

2019-10-04

333浏览

0评论

html select 元素下拉菜单选中事件

今天在写一个关于 html 中 select 下拉元素选择的动态事件时，发现如果使用 javascript 中的 click 事件的话，会被执行两次。网上查了一下资料，发现 select 元素下拉选中事件并...

2019-10-03

534浏览

0评论

HTML5中的预加载功能

在网站WEB前端设计中，如果想加快网页的加载速度，减少网站访客的等待时间，经常要对HTML页面文件，CSS文件，JS文件，图片文件等静态文件进行压缩，也有的会使用CDN一类的加速服务。而今...

2019-09-28

448浏览

0评论

html5 调用手机摄像头以及录音的方法

前两天发布了一篇关于利用html5在手机端进行拨号和发送短信的教程，今天再说一下利用html5在手机端调用摄像头以及录音的教程HTML5 调用手机摄像头在html5中可以利用type类型...

2019-09-28

369浏览

0评论

html拨打电话和发送短信功能的实现方法

今天有一童鞋过来问如何在HTML页面中，添加拨打电话号码的的功能。我个人没做过此类的功能，也有点疑惑，就百度了一下查了点资料，发现非常的简单，写个教程记录一下。HTML拨打电话的...

2019-09-28

231浏览

0评论

img中alt和title属性的区别

在图像标签img中，除了常用的宽度width和高度height属性之外，还有两个比较重要并且也会用到的属性，就是alt和title，这都是用来显示图片内容的具体信息的，但是这两个属性也有不同的...

2019-08-25

290浏览

0评论

HTML <input> 标签的 accept 属性

<form> <input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" /></form>accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进...

2019-08-25

299浏览

0评论

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

209浏览

0评论

深入15个HTML元素方法，你见过吗？

虽然现代化的 web 开发更多地依赖各种 MVC 框架，但开发者仍需要熟练掌握 HTML 与 DOM 方面的基础知识。不过，即使是有着多年经验的前端开发者，也会遇到一些不明所以的情况。本...

2019-08-25

236浏览

0评论

快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型

前言3D 场景中的面不只有水平面这一个，空间是由无数个面组成的，所以我们有可能会在任意一个面上放置物体，而空间中的面如何确定呢？我们知道，空间中的面可以由一个点和一条法线组...

2019-08-25

240浏览

0评论

分享一个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

305浏览

0评论

HTML5实现文件断点续传的方法

HTML5的FILE api，有一个slice方法，可以将BLOB对象进行分割。前端通过FileList对象获取到相应的文件，按照指定的分割方式将大文件分段，然后一段一段地传给后端，后端再按顺序一段段...

2019-08-22

262浏览

0评论

html 中input标签的隐藏方法

有的时候我们需要隐藏input标签，我们可以加入(style="display:none;)如下：<input type="submit" name="submit" value="Submit" style="display:none;"/>...

2019-08-22

304浏览

0评论

HTML5+css3：3D旋转木马效果相册

这篇博客的目的是因为上篇HTML5 CSS3专题诱人的实例 CSS3打造百度贴吧的3D翻牌效果中有个关于CSS 3D效果的比较重要的知识点没讲到，就是perspective和tranlateY效果图：嘿嘿，我...

2019-08-09

333浏览

0评论

移动端html5页面长按实现高亮全选文本内容的兼容解决方案

最近需要给HTML5的WebAPP在页面上实现一个复制功能：用户点击长按文本会全选文字并弹出系统“复制”菜单，用户可以点击“复制”进行复制操作，然后粘贴到App...

2019-08-09

322浏览

0评论

HTML5不支持frameset的两种解决方法

frameset标签定义框架集，它用于组织多个窗口（框架）。每个框架存在一个独立的文档。在最简单的应用中，frameset 元素仅仅声明框架集中存在的列或行的数目。但在 HTML5中frameset...

2019-08-09

238浏览

0评论

HTML中meta的作用

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于con...

2019-08-09

364浏览

0评论

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

210浏览

0评论

HTML中css和js链接中的版本号

在搜索引擎中搜索关键字.htaccess 缓存，你可以搜索到很多关于设置网站文件缓存的教程，通过设置可以将css、js等不太经常更新的文件缓存在浏览器端，这样访客每次访问你的网站的...

2019-07-29

244浏览

0评论

HTML基础之图片标签的用法！

在HTML中<img>这个标签是定义文本中的图片标签，它的作用就比如说可以提供图片的名字、提供图片的尺寸大小和提供图片的一些图片属性，比如Alt这个属性，可以给图片一个名称来告诉...

2019-07-15

628浏览

0评论

网页开发中如何选取合适且统一的字体

今天子凡就来给大家分享一下如何选给网页选择合适且统一的字体。首先我们网页上要想统一字体其实有两种方法，一种是选择大家操作系统上都有的默认字体，第二种就是强行在网页总...

2019-07-14

292浏览

0评论

dns-prefetch应用好，网站速度能提高一半！

DNS Prefetch，即DNS预获取，是前端优化的一部分。一般来说，在前端优化中与 DNS 有关的有两点：一个是减少DNS的请求次数，另一个就是进行DNS预获取。 DNS 作为互联网的基础协议，其...

2019-07-11

287浏览

0评论

一个比 Cookie 更好的本地存储方式 – HTML5 Web 存储

Web 开发中经常会遇到网站需要做一些例如用户备忘录、文章修改自动保存等需求这些功能不需要长期保存，也不需要入数据库，所以有人可能会考虑使用 Cookie 去进行存...

2019-01-11

266浏览

0评论

HTML5-语义化

距HTML5标准规范制定完成并公开发布已经有好些年了，面试时也少不了要问对HTML5语义化得理解。但是在实际运用时，真正使用HTML5标签来开发的似乎不是很多（ps：查看了几个巨头公司...

2018-09-21

278浏览

0评论

canvas小tip–下载二维码、图片加水印

昨天介绍了一个生成二维码的插件QRCode.js，它是借助HTML5 Canvas绘制而成。所以，今天的主角就是canvas啦–canvas的实际应用。一、下载二维码（查看如何生成二维码）HTMLCanv...

2018-09-21

212浏览

0评论

html5 canvas跟随鼠标光标移动出现的圆点泡泡动画特效

一款好看的html5 canvas跟随鼠标光标移动出现的圆点泡泡动画特效，跟随鼠标运动轨迹出现并很快消失。js代码<script src="underscore.js" type="text/javascript" charset="ut...

2018-08-26

819浏览

0评论

自定义美化HTML5 video视频播放器界面样式

一款可以自定义美化HTML5 video视频播放器界面样式代码，如果你觉得默认的video标签的样式太单调，那么你就需要这款美化video UI界面的代码了。代码下载：https://pan.lanzou.com...

2018-08-26

288浏览

0评论

HTML5实现获取地理位置信息并定位功能

前言这篇文章主要介绍了HTML5实现获取地理位置信息并定位功能,本文讲解了原生HTML5、百度地图、谷歌地图等三种获取理位置信息并定位的方法,需要的朋友可以参考下。HTML5提...

2018-08-26

521浏览

0评论

使用 HTMLPurifier 来解决 Laravel 5 中的 XSS 跨站脚本攻击安全问题

HTMLPurifier for Laravel 是对 HTMLPurifier 针对 Laravel 框架的一个封装.使用 Composer 安装：composer require mews/purifier在 config/app.php 文件的 providers 数组添...

2018-08-20

212浏览

0评论

HTML5的 input:file上传类型控制

1. input:file属性属性值有以下几个比较常用： accept：表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。 multiple：是否可以选择多...

2018-08-19

211浏览

0评论

搜索框提示文字点击消失的效果

当输入框默认显示“提示的文字”当鼠标点击的时候自动变成空白，如果不输入任何文字再点击其他地方则再次显示“提示的文字”，如果输入了文字再点击其他地方则无反映，代码如...

2018-08-14

301浏览

0评论

article和section的区别

article 文章是一个独立的，单独的一段离散的内容。例如一篇博客的帖子，或者一个email中的单个email。一篇博客中的帖子，可以由rss或者其他方法聚合，而不需要更多的上...

2018-08-14

207浏览

0评论

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

215浏览

0评论

html5知识点：DOM编程

DOM是Document Object Model的缩写，中文名称是文档对象模型。DOM是处理HTML页面的标准编程接口，DOM可被JavaScript用来读取、改变HTML的内容和结构。前端三大件指HTML、CSS、J...

2018-08-11

234浏览

0评论

html5知识点：多终端浏览器兼容

什么是多终端？多终端就是包括了我们的电脑，手机，手持式移动设备比如ipad等。因为各类设备的显示屏幕大小不一，分辨率不一，最佳可视效果的横竖设置也不一样，所以多终端浏览器兼容主...

2018-08-11

195浏览

0评论

HTML5中表单验证的8种方法

前一篇，我们介绍了HTML5中新的表单特性和函数，今天就继续来谈谈HTML5的表单验证。在深人探讨表单验证之前，让我们先思考一下表单验证的真实含义。就其核心而言，表单验证是一套...

2018-08-11

244浏览

0评论

HTML5部份标签及标签意义解释

HTML5：万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等...

2018-08-11

237浏览

0评论

form表单提交后不刷新不跳转的实现方法

由于制作用户的注册界面，发现每当form表单提交后，都会刷新一下，导致填写的数据丢失，为了解决这一问题专门，百度了一下。还真找到了一种form表单提交后，不刷新的方法，先转过来，以...

2018-08-11

热门文章