
+ HTML
null
王佳斌
13191835106
-
原创 HTML - 调用腾讯 QQ 进行客服在线聊天(PC)
效果图前言点击后会自动询问是否调起 QQ 应用,或者你可以使用 JS 来执行链接。有些网站,提供了 QQ 咨询链接,点击后会直接与客服在线交流,下面以最简单的方式进行实现。代码url:tencent://message/?uin=1234567&Site=Sambow&Menu=yes【其中,1234567 就是要联系的 QQ 号】你可以通过简单的 a 标签,点击后唤醒腾讯 QQ:<a href="tencent://message/?uin=1234567&2021-02-25 16:31:43605
2
-
原创 HTML5 - 应用程序缓存(Application Cache)
为什么要使用Application Cache技术?在HTML5之前,我们需要接入网络才能访问,这毫无疑问是网站多次请求服务器,造成速度变慢,对于PC用户,网络相对比较稳定,载入速度也不会差太多。但是移动端呢?移动端依赖无线信号、依赖信号塔、位置不固定、受附近建筑影响等。一系列导致网络的不稳定,我们不能改变用户,也不能放弃网络较慢的用户。还有,在混合app领域,经常使用内置webview加载h...2019-05-02 17:41:009688
2
-
原创 IE条件注释意义及用法
IE条件注释它是由Microsoft从IE5开始就提出并提供的一种非标准逻辑语句。作用:灵活的判断不同IE版本,且导入不同的html/css/js等。优点:属于Microsoft官方给出的兼容解决方案,并且能顺利通过W3C标准的效验。使用它(1)只有IE可以识别[ IE5 ]<!--[if IE]><script src="https://cdn.bootcss.c...2019-05-01 11:19:038852
0
-
原创 IE8及以下完美支持video/audio且兼容所有浏览器的解决方案
IE8及更低版本支持解决方案借助html5media,此JavaScript类库不借助依赖任何框架,非常的实用,体积非常小。使用后,判断当浏览器不支持video/audio时,将自动切换为Flash模式,并使用Flowplayer播放器。IE条件注释,浏览器自动判断,在IE9以下自动引入html5media.min.js注意:我记得这个压缩版的可能会有一些问题,如果条件允许,请使用非压缩版...2019-04-30 19:48:0612726
3
-
原创 网站加入图标四种方法
第一种<link rel="icon" href="favicon.ico" type="image/x-icon">第二种<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 第三种<link rel="icon" href="文件位置.png" sizes="16x16" ...2019-04-28 17:08:4711622
0
-
原创 meta标签大全
<meta charset="UTF-8">//声明字符的编码**防止出现乱码<meta http-equiv="x-UA-Compatible" content="IE=edge">//避免IE使用兼容模式(必须放在前面否则无效) <meta name="viewport" content="width=device-width, initial-sca...2019-04-28 17:01:4710026
0
-
原创 link标签大全
<link rel="stylesheet" href="https://example.com/styles.css">//链接到一个CSS层叠样式表 <link rel="canonical" href="https://example.com/2010/06/9-things-to-do-before-entering-social-media.html">/...2019-04-28 16:58:259994
0
-
原创 禁用Google英文翻译功能
禁用Google提示是否翻译此页面 <meta name="google" content="notranslate">2019-04-27 14:54:397915
0
-
原创 逻辑元素与物理元素区别
引出如题,我们的标签元素写上后,浏览器就会渲染出结果,但不仅仅是这么简单。//物理元素<b>我想用b标签加粗</b> //逻辑元素<strong>我想用strong标签加粗</strong> //两段文字都加粗了,而且视觉效果完全一样确实,文字加粗了,两者都达到了我们想要的目的,但是我们忽略了一个问题,既然b标签可以加粗,那么st...2019-05-09 16:22:344749
0
-
原创 html转义字符大全
特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 Α Α Α Β ...2019-06-30 14:33:383391
0
-
原创 web开发规范 - 图片规范
基本规则所有页面元素类图片均放入img文件夹, 测试用图片放于img/demoimg文件夹;图片格式仅限于gif || png || jpg;命名全部用小写英文字母 || 数字 || _ 的组合,其中不得包含汉字 || 空格 || 特殊字符;尽量用易懂的词汇, 便于团队其他成员理解; 另, 命名分头尾两部分, 用下划线隔开, 比如ad_left01.gif || btn_submit.gif...2019-06-30 17:10:485547
0
-
原创 web开发规范 - html书写规范
head区代码规范head区是指HTML代码的和之间的内容。更多meta标签请访问这篇文章必须加入的标签a) 公司版权注释 <!— The site is designed by EHM,Inc 07/2005 —>b) 网页显示字符集简体中文:<meta http-equiv=“Content-Type” content=“text/html; charset=g...2019-06-30 17:05:145901
0
-
原创 html / asp - 页面禁止缓存方法
前言有时候我们不需要页面进行缓存,那么可以通过以下方式实现。html// HTML<meta http-equiv="pragma" content="no-cache"><meta http-equiv="Cache-Control" content="no-cache, must-revalidate"><META http-equiv="expire...2019-06-30 16:59:477111
0
-
原创 html5语义化元素解释及使用场景
前言在HTML5之前,都是使用表格、div元素来进行布局,为了使文档结构更加清晰明确,HTML5增加了文档结构关联的结构元素,可以直接定义元素容器的内容,页面结构可以调整的非常清晰,这不仅利于开发者后期维护扩展,更利于搜索引擎的收录。注意:当一个容器需要定义大量样式或脚本时,请不要使用语义化元素(此时div更加合适)<article>article元素代表文档、页面或应用程序中...2019-07-08 19:45:302359
0
-
原创 H5新增全局属性
前言什么是全局属性?全局属性可以应用于任何html元素全局属性和普通属性有什么区别?普通属性只能应用于一些特定的html元素,而全局属性可用于任何元素。H5之前全局属性有哪些?属性描述accesskey规定激活元素的快捷键class规定元素的一个或多个类名(引用样式表中的类)id规定元素的唯一 iddir规定元素中内容的文本方向lan...2019-07-05 14:34:055328
0
-
原创 template内容模板元素
前言HTML内容模板元素只包含全局属性,是一种用于保存客户端内容机制,该内容在加载页面时不会呈现,但随后可以在运行时使用JavaScript实例化。将模板视为一个内容片段,存储在文档中供后续使用。虽然解析器在加载页面时确实会处理<template>元素的内容,但这样做只是为了确保这些内容有效;然而,元素的内容不会被呈现。比如需要ajax刷新一个列表,以前的做法是后端生成html返...2019-07-29 16:20:265790
0
-
原创 HTML5 - 拖放
前言拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在H5中,任何元素都支持拖放,但是需要注意的是,有些元素存有默认行为(如a元素),应当取消该元素的默认行为。使用 preventDefault() 取消事件的默认动作拖放事件拖动元素-事件:事件描述ondragstart当元素开始被拖动时触发——开始拖动ondrag拖动源触发——正在拖动ond...2019-09-04 18:32:53677
0
-
原创 H5拖放API
12019-09-04 09:45:00780
74
-
原创 HTML5 - Web存储(Web Storage)
前言在HTML4时代,本地存储基本使用cookie,用 document.cookie 来存储。但其存储大小只有4KB左右,解析也很复杂,不仅不利于开发者,更不利于浏览器。但现在HTML5的出现,弥补了 cookie 的不足,而且开发起来也相当方便快捷。今天,我们可以使用HTML5在本地存储用户的浏览数据,H5 web存储更加的安全与快速,这些数据不会被保存在服务器(开发者不必担心占用空间),...2019-09-06 19:17:571066
0
-
原创 HTML5 - 地理定位(Geolocation)
前言H5 Geolocation API 用于获得用户的地理位置,鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用。还有,对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确。浏览器支持情况:Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。简单示例必须使用 getCurrentPositi...2019-09-05 19:37:191659
7
-
原创 HTML5 - WebSQL
前言Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs。Web SQL 数据库可以在最新版的 Safari, Chrome 和 Opera 浏览器中工作。核心方法以下是规范中定义的三个核心方法:openDatabase:这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。transact...2019-09-06 21:35:011490
0
-
原创 抵御攻击 - H5超链接审计功能(Ping)发动DDoS攻击
DDoS攻击技术(新型)近期,据研究人员发现攻击者利用 HTML5 超链接审计功能(Ping标签)进行大规模 DDoS 攻击,在此次攻击活动中,DDoS 攻击请求峰值达到了 7500 次请求/秒,在大概 4 个小时内攻击者总共利用了 4000 多个不同的用户向攻击目标发送了超过 7000 万次恶意请求。Imperva 的研究人员在其发布的安全分析报告中指出:我们对此次 DDoS 攻击进行了深...2019-10-09 19:10:331286
2
-
原创 HTML5 - 文字跑马灯标签(marquee)屏幕滚动文字
属性<marquee> </marquee> 标签有以下属性可选,在使用务必测试好各浏览器兼容性。属性描述behavior设置文本在 marquee 元素内如何滚动。可选值有 scroll,slide 和 alternate。 如果未指定值,默认值为 scroll。bgcolor通过颜色名称或十六进制值设置背景颜色。directio...2019-11-15 16:16:452906
4
-
原创 前端工程师必看,这些浏览器奇淫功能你知道吗?
如何通过浏览器 “毁掉” CSDN震惊!屏幕前的CSDN博友竟然想对 CSDN 做这种事情…首先,打开你想要毁掉的网页,F12打开控制台:紧接着,console控制台注入以下代码:// 说白了,就是获取 body DOM,然后变为可编辑状态!document.body.contentEditable='true'最后一步,按下 F5或右键刷新页面,完成!把浏览器变成记事本用过...2020-02-10 18:21:416798
14
-
转载 刷题模式(附答案):1+x 证书 Web 前端开发初级实操考试样题(2019)
试题一(每空 2 分,共 22 分)阅读下列说明、效果图和 HTML 代码,进行静态网页开发,请在红线处补全代码。1.【说明】这是某电商类网站服装商品展示页面局部,该网站正在促销秋冬季女装。现在我们需要编写该网站效果图部分代码。项目名称为 shopping,包含首页 index.html、css 文件夹、img 文件夹,其中,css 文件夹包含 index.css 文件;img 文件夹包含...2019-12-13 19:55:0215190
9
-
转载 刷题模式(附答案):1+x 证书 Web 前端开发初级理论考试样题(2019)
前言题库技术考核范围:HTML5、CSS3、JavaScript、JQuery题库模式:单选题、多选题、判断题一、单选题(每题 2 分,共 60 分)1、在 HTML 中,() 用来表示特殊字符引号 【C】A、®B、©C、"D、2、下面关于文件路径的说法错误的是 【B】A、“…/” 是返回当前目录的上一级目录B、“…/” 是返回当前目录的下一级目录C、访问下一级目录直接...2019-12-13 19:26:5521434
2