HTML
关注
分享
扫一扫
xwjalyf
一直学习，不耻下问，希望可以和大家多多交流
展开
-
对手机页面长按会粘贴复制禁用的解决方法
直接在CSS 文件中添加下面的代码，就可以实现了在手机端禁止粘贴复制的功能：*{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-...原创 2019-11-08 14:35:02 · 2852 阅读 · 0 评论 -
onclick方法获取当前标签上的data-*参数
先上html代码<div id="add" data-id="2" data-name="Google" onclick="clickText(this)">Click Me</div>js重点function clickText(e){ var name=e.getAttribute("data-name"); console.log(...原创 2019-09-30 16:45:40 · 3255 阅读 · 0 评论 -
html 如何引入公共的头部和底部
这个问题其实应该算是一个一直困扰我等前端开发者的心魔了，当然说得夸张些了。我们在做项目的时候经常会遇到一样的头部和底部，如果修改就要修改大量的页面，增加工作量还容易出错，这时候就需要我们把公共部分提取出来，等需要的时候再引入页面。我在网上找了一些资源，发现对前端来说最好的方法就是使用jQuery的load函数，话不多说直接上代码1.先写好公共部分的文件，文件内不要有任何页面声明的标签，只需要内...原创 2019-08-07 15:35:40 · 1712 阅读 · 0 评论 -
js点击实现随机更换图片
首先在img文件夹内放6张图，注：类似于add1.jpg，add2.jpg然后就使用Math.random函数实现随机数（注意Math.floor是向下取整，可以取到0，所以图片的名称最好从0开始;）（注意Math.ceil是向上取整，可以取到1，所以图片的名称最好从1开始）<!DOCTYPE html><html> <head lang=...原创 2019-06-14 15:26:43 · 5362 阅读 · 0 评论 -
wow.js用法分享
一、（页面在向下滚动的时候，有些元素会产生细小的动画效果。虽然动画比较小，但却能吸引你的注意。） 刚知道wow.js这个插件，之前写的类似滚动时页面效果都是自己用jQuery写的，现在有了插件，开发更加快捷有效了。【演示及下载地址】http://www.dowebok.com/131.html【用法】1、wow.js依赖于animate.css，首先在头部引用animate.cs...原创 2018-08-03 15:04:32 · 2414 阅读 · 0 评论 -
Chrome 控制台不完全指南
Chrome的开发者工具已经强大到没朋友的地步了，特别是其功能丰富界面友好的console，使用得当可以有如下功效：更高「逼格」更快「开发调试」更强「进阶级的Frontender」 Bug无处遁形「Console大法好」console.log大家都会用log，但鲜有人很好地利用console.error , console.warn 等将输出到控制台的信息进行分类整理。他们功能区别不...转载 2018-08-02 12:05:43 · 152 阅读 · 0 评论 -
HTML meta标签总结,HTML5 head meta属性整理
移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析HTML代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --><html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 ...原创 2018-07-19 17:31:51 · 242 阅读 · 0 评论 -
织梦Dedecms网站熊掌号页面改造
依目前来看，绝大多数网站后台都是用织梦系统，所以云李工作室在这里分享一个织梦Dedecms网站熊掌号页面改造的完整教程一、页面改造说明:官方号接入只是移动端的内容页面，所以改造只需要对移动内容页面模版修改几处即可。对于普通移动站，一般是H5页面或者WAP页面，也可能是自适应页面。当拥有了官方号权限之后，在百度站长平台左侧会出现官方号这个选项，点击数据引入，在开发指南这里有一份改造说...转载 2018-07-18 16:46:47 · 3474 阅读 · 0 评论 -
phpcms熊掌号改造方法
PHPCMS做的网站需要进行熊掌号改造，在网上搜了一番，发现并没有一个正确答案，大多数结果都是MIP改造。没有现成的代码，我们就只能手工来写了。改造步骤，还是那4个，《织梦Dedecms网站熊掌号页面改造》 这篇文章里有讲，基本一样，只要把dede的模板标签替换成phpcms的模板标签即可。下面我只列出2个需要改标签的地方。1，添加canonical标签<link rel...转载 2018-07-18 16:40:38 · 982 阅读 · 0 评论 -
html5手机网站需要加的那些meta/link标签，html5 meta全解
一、大众机型常用meta标签name的设置1、name之viewport<meta name="viewport" content="">说明：屏幕的缩放content的几个属性： width viewport的宽度[device-width | pixel_value]width如果直接设置pixel_value数值，大部分的安卓手机不支持，但是ios支持； height...转载 2018-03-12 15:58:22 · 227 阅读 · 0 评论 -
<mate>标签
meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。必要属性属性值描述contentsome text定义与http-equiv或name属性相关的元信息可选属性属性值描述http-equivcontent-type / expire / refresh / set-cook...转载 2018-03-12 15:46:03 · 686 阅读 · 0 评论