Html5
Bright2017
学,然后知不足!
展开
-
HTML5事件—visibilitychange 页面可见性改变事件
visibilitychange事件是浏览器新添加的一个事件,当浏览器的某个标签页切换到后台,或从后台切换到前台时就会触发该消息,现在主流的浏览器都支持该消息了转载 2022-11-10 14:14:04 · 1240 阅读 · 0 评论 -
HTML5 video在安卓的微信上面播放时自动会全屏的问题
<video x5-playsinline="true" playsinline="true" webkit-playsinline="true" :poster="option.cover_pic_url ? option.cover_pic_url : $bigDefaultImg" v-if="option.content_file_url" controls="controls"> <source :src="option.content_file_url" .转载 2021-04-13 11:34:23 · 201 阅读 · 0 评论 -
Meta标签:让360浏览器默认使用极速模式打开网页
使用wordpress的模板默认是不支持低版本IE的。现在360浏览器的装机量又那么大,,独独只有ie浏览器的访客越来越少,,为了让网站页面不那么臃肿,也懒的理IE了,同时兼顾更多的国内双核浏览器,在网页页头中添加了下面两行Meta控制标签。1,网页头部加入<meta name=”renderer” content=”webkit”>360浏览器就会在读取到这个标签后,立即切换对应的极速核。2,另外为了保险起见再加入<meta http-equiv=”X-UA-转载 2021-03-29 10:03:57 · 695 阅读 · 1 评论 -
HTML和CSS特殊字符表
HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字符的表示方法。简单的介绍一下其使用方法:1、这些字符属于unicode字符集,你的文档需要声明为”utf-8“2、列表符号...转载 2019-02-25 11:43:04 · 640 阅读 · 0 评论 -
HTML5----响应式(自适应)网页设计
第一步:在网页代码的头部,加入一行viewport元标签<meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度,上面这行代码的意思是:网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1...转载 2018-07-24 15:09:57 · 2003 阅读 · 0 评论 -
Img onerror属性使用后,图片还是丢失,img一直闪烁不停
刚刚写练习的时候,使用了img的onerror属性,一般习惯性用这个属性来显示图片丢失时统一的默认图片。尴尬的是,刚刚我的默认图片也丢失了。这就导致进入了一个死循环,img一直在刷新。百度了以下,发现很多人遇到了这个问题。果然最后还是需要强大的js来解决这一切。<!DOCTYPE html><html> <head> <meta charset="...转载 2018-06-18 14:56:00 · 3652 阅读 · 3 评论 -
条件注释区分是否IE浏览器
条件注释其实就是一些if判断,但这些判断不是在脚本里执行的,而是直接在html代码里执行的,比如:这种判断是否IE浏览器的语句其实很有效果,比如你可以在IE浏览器下加载一些其他样式或者脚本。请注意,该条件语句只在IE浏览器下生效,其他浏览器中会被注释掉!常见的几种判断语句:lt 表示less than 当前条件版本以下的版本,不包含当前版本。(小于) gt 表示greater than 当前...原创 2018-06-22 09:16:59 · 644 阅读 · 0 评论 -
IE兼容H5和CSS3方法
1:加载兼容文件JS因为IE8既不支持HTML5也不支持CSS3 Media,所以我们需要加载两个JS文件,来保证我们的代码实现兼容效果:<!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script s...转载 2018-06-04 15:50:34 · 1343 阅读 · 0 评论 -
Js写的两个小球碰撞(Canvas)
效果图:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Js球碰撞</title> <style media="screen"> * {转载 2018-05-10 10:21:22 · 3384 阅读 · 0 评论 -
模拟音乐播放器
简单模拟一个音乐播放器,音乐正常的播放功能兼容到IE9,IE8就挂掉了,谷歌,火狐,欧朋,Edge,360测试正常,IE下input样式待优化,希望大家提点建议。参考效果网站:http://www.taihe.com/music预览地址:http://www.bright2017.top/musicaudio/Github下载地址:https://github.com/struggle201607...原创 2018-04-22 19:35:18 · 748 阅读 · 0 评论 -
html5 Audio常用属性和函数事件
项目需要,要做一个音乐播放器,于是又复习了一遍h5播放器各种属性。本人比较懒,就直接从大牛博客偷过来了。大牛地址:https://blog.csdn.net/gongstrong123/article/details/50339249...转载 2018-04-22 18:50:32 · 21546 阅读 · 1 评论 -
Html自定义属性data-
Html自定义属性data-原创 2018-01-02 13:57:36 · 411 阅读 · 0 评论 -
编辑器中点击上传图片选择框反应速度很慢的解决办法。
先解释下标题的意思:就是点击上图中的上传图片之后,出现这个文件选择框的反应时间太长,IE和火狐浏览器还正常点。谷歌和360等浏览器一般要8秒左右才能打开,用户体验太差了。这里我们要解决这个问题首先就得知道简单的文件上传的代码:这句代码里面我们需要注意的是:accept="image/*" 这个属性的意思就是过滤掉所有非图片的文件。所以打开的时候需要原创 2017-06-05 16:29:16 · 2414 阅读 · 0 评论 -
取消input默认提示框
在使用input输入框过程中,一般都会都自动保存记忆这个功能,双击的时候之前输入的内容会在下拉框自动提示。如果不想要这个功能,加一句代码就可以了。autocomplete="off",这是H5的一个属性。原创 2017-03-22 12:21:14 · 7936 阅读 · 2 评论 -
Html中的路径:点,斜杠,点点杠的区别
href="aaa/bbb/ccc.asp" target="_blank" 这是正常路径href="./ccc.asp" target="_blank" 这是指当前目录下的ccc.asphref="/ccc.asp" target="_blank" 这是指整个网站根目录下的ccc.asphref="../ccc.asp" target="_blank" 这是指当前路径向上一级目录下的ccc转载 2017-05-05 12:00:41 · 7650 阅读 · 1 评论 -
表格合并
刚开始学习html的时候,我特别喜欢写表格,因为看着很舒服,而且简单。后来因为页面当中的很多功能要取值的原因,表格暂时被我放下了。全部改成用div模拟了。其实我个人觉得,如果只是单纯的展示界面,或者展示的界面取值不是特别麻烦,可以通过序列化取值的时候都可以直接用表格来展示。下面是我写的一个小例子,包含了表格合并行,合并列这些常用的功能。 合并行:colspan="2"原创 2017-04-19 15:47:39 · 593 阅读 · 0 评论