![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 61
狼牙冷
感恩 分享 提升
展开
-
target=_blank为什么要使用rel=noopener
我们经常使用a标签用target='_blank'就完事了,是的,我曾经也是这么用的,直到今天测试一个在qq邮箱中用a标签在线打开一个文档时,就发现问题了,没有加rel='noopener',始终打不开文档,当加了此属性时就可以打开下载了。于是没办法只能瞅瞅该属性到底是个啥!当你使用target='_blank'打开一个新的标签页时,新页面的window对象上有一个属性opener,它指向的是前一个页面的window对象,因此,后一个页面就获得了前一个页面的控制权。比如的 a 标签是这...原创 2020-05-21 15:37:20 · 1028 阅读 · 0 评论 -
HTML邮件兼容问题与解决方案
问题描述:今天给后端同学写了一个邮箱发送页面,由于之前没有这方面的经验,很多标签都是用最新的H5标签,样式也是很多C3样式,当时还考虑到IE低版本的兼容性,谁知道在浏览器中显示正常,在移动端显示就好像没有引入样式一样,反复查看代码感觉没啥毛病,最后在网上S了下,才焕然大悟。原来HTML 邮件内容虽然也是 HTML,但是和我们在网页上使用的 HTML 不同,因为安全原因,各大邮箱服务商及邮件客户端都会对邮件内容进行一定程度上的处理,不会按照你写的原本 HTML 展示。简单来说就是目前很多流行的H5和C3标原创 2020-05-21 12:54:28 · 2028 阅读 · 0 评论 -
HTML输入框长度限制
HTML中很多输入框长度可直接用maxlength来限制输入值的长度,但最近在aap开发时发现如果对type=‘number’时对maxlength不支持,也就是说写了不起作用,无奈只能用js控制下了<input class="" type="number" placeholder="请输入购买数量" oninput="if(value.length>5)value=value...原创 2016-12-14 17:41:03 · 2435 阅读 · 0 评论 -
页面引入外部字体ttf,如何提取所需要的ttf字体或者加载过慢的解决方法
最近几天编写手机端的页面之后,文中需要华文行楷字体,在网上下载后,引入到了自己的前端页面,以为没有什么事了,继续码代码@font-face { font-family:huawen; src: url(./css/华文行楷.ttf); } body{ ...转载 2018-09-20 14:26:07 · 5884 阅读 · 0 评论 -
功能强大的最新HTML5实例
HTML5非常强大,今天我们再一次向大家分享8款功能强大的最新HTML5特效实例,包含菜单、图片、Canvas动画等,一起来欣赏吧。1、HTML5 Canvas画板画图工具 可定义笔刷和画布HTML5 Canvas还有一个比较实用的应用,那就是网络画板,这样我们就可以在网页上直接进行画图操作。今天要分享的这款HTML5 Canvas画图工具就可以简单实现网络画图的功能,我们可以自...转载 2018-09-13 13:41:46 · 1176 阅读 · 0 评论 -
html的各种空格
本文转自:http://www.oicqzone.com/pc/2015083122336.htmlHTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器。其他几种空格( )在不同浏览器中宽度各异。转载 2017-11-29 15:55:13 · 411 阅读 · 0 评论 -
html 页面内锚点定位及跳转方法总结
第一种方法,也是最简单的方法是锚点用标签,在href属性中写入DIV的id。如下:div {height: 800px;width: 400px;border: 2px solid black;}h2 {position: fixed;margin:50px 500px;}to div1to div2to div3div1div2div3原创 2017-08-13 10:31:10 · 1806 阅读 · 0 评论 -
js倒计时
代码: 倒计时 .daojishi h2 { font-family:Helvetica, Microsoft YaHei, Arial, sans-serif; font-size:1转载 2017-01-06 14:22:32 · 325 阅读 · 0 评论 -
js简单的验证码测试
直接上代码:HTML: 验证码基础 #code { font-family:Arial; font-style:italic; font-weight:bold;原创 2017-01-06 14:00:29 · 320 阅读 · 0 评论 -
移动端HTML5 date不支持placeholder问题
input type date 的 placeholder 支持性有一定问题,因为浏览器会针对此类型 input 增加 datepicker 模块,看上去没那么必要支持 placeholder。对 input type date 使用 placeholder 的目的是为了让用户更准确的输入日期格式,iOS 上会有 datepicker 不会显示 placeholder 文字,但是为了统一表转载 2016-12-26 11:39:29 · 801 阅读 · 0 评论