w3h5

HTML笔记 共3页,当前第1页

HTML笔记

封装了一个tab切换插件

1

Deshun 发布于 8小时前   阅读(8)   评论(0)   赞 (0)  

封装了一个tab切换插件

今天在写tab切换的时候,顺便封装了一个,方便以后使用。只需要填入 tab 和切换内容的父元素,即可实现。自动给 tab 添加/删除 class 类 .on ,给切换的内容添加/删除 class 类 .active ,可以根据自己的需求设置样式。HTML:<ul id="tab">   &nbs...

HTML笔记

a标签中防止跳转的href="javascript:;"、"void(0);"等都是什么意思

1

Deshun 发布于 4周前 (03-25)   阅读(154)   评论(0)   赞 (0)  

a标签中防止跳转的href="javascript:;"、"void(0);"等都是什么意思

标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL(路径),包括片段标识符和 JavaScript 代码段。javascript: 是表示在触发默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击时就没有任何反应。这是一个伪协议,其他的伪协议还有 ma...

HTML笔记

HTML5视频标签 video 的 poster 属性

1

Deshun 发布于 2个月前 (02-21)   阅读(271)   评论(0)   赞 (0)  

HTML5视频标签 video 的 poster 属性

<video> 标签定义视频,比如电影片段或其他视频流,可以放置视频资源,并添加视频控件。支持的浏览器:Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 标签。注:Internet Explorer 8 以及更早的版本不支持 <video...

HTML笔记

overflow的一些小细节笔记

3

Deshun 发布于 9个月前 (08-01)   阅读(484)   评论(0)   赞 (0)  

overflow的一些小细节笔记

最近在项目中遇到一个问题,同事在IE浏览器下测试时出现底部大块空白的问题。如下图:我反复测试,问题并没有重现,最后发现是Windows7系统下的IE浏览器会出现此问题。经过反复检查,发现在reset文件里面的一行代码的问题,把其中的 overflow-y:scroll; overflow:-moz-scrollbars; 注释掉就好了: 过程中在思...

HTML笔记

实现网页自动跳到其他页面的几种方法

1

Deshun 发布于 11个月前 (06-12)   阅读(2764)   评论(0)   赞 (2)  

实现网页自动跳到其他页面的几种方法

某些时候我们需要实现网页的自动跳转,比如404错误页可以加入代码让它自动跳转到首页,下面介绍三种html页面自动跳转的方法。方法一:页面在头部加入meta标签在头部加入 <meta http-equiv="refresh" content="时间/s;url=网址/http://www.dblog.cc"...

HTML笔记

HTML img src图片路径不存在,则显示一张默认图片的方法

4

Deshun 发布于 1年前 (2018-04-27)   阅读(5802)   评论(0)   赞 (6)  

HTML img src图片路径不存在,则显示一张默认图片的方法

我们一般会给图片设置 alt 属性,当图片路径不存在时可以显示提示文字。<img src="" alt="图片加载失败">如图所示:但是这样很不好看,如果用在文章列表,我们可以给 img 标签设置一个 onerror 属性,可以在 src 路径不存在时显示指定的默认图片。测试一下,我没有...

HTML笔记

阿里巴巴矢量图标库 iconfont 的使用方法

7

Deshun 发布于 1年前 (2017-12-20)   阅读(2994)   评论(0)   赞 (2)  

阿里巴巴矢量图标库 iconfont 的使用方法

做设计的应该会知道“阿里巴巴矢量图标库”这个网站,你可以上传自己设计的图标,也可以下载别人分享的图标。作为前端,我们也可以更好的利用它,实现网站图标的美化。首先找到你需要的图标并加入库:三个按钮分别是 加入库、加入收藏和下载点击下载按钮后会弹出一个窗口,你可以调整任意颜色和尺寸,可以下载 SVG、AI和PNG3种格式。点击右上角图标,打开库,点击“下载代码”...