“HTML相关”目录存档

分享下input time输入框的细节知识

2021年03月31日,星期三

空中钓鱼-占位图

最近与type=”time”输入框打了不少交道,学到了不少细节知识,关于UI,关于时间格式,以及step/min/max属性,和大家分享下。

阅读全文…

HTML enterkeyhint设置iOS/Android键盘enter键

2020年10月11日,星期日

enterkeyhint封面占位图

介绍一个实用的HTML属性enterkeyhint,可以让iOS和Android手机键盘出现时候的enter键显示出你需要的文案或者图标,从而从细节上提高用户体验,有demo有截图,希望本文内容可以对你的工作和学习有所帮助。

阅读全文…

HTML全局属性列表大全

2020年01月31日,星期五

HTML全局属性占位图

不是流水文档,每一个全局HTML属性都有专门demo页面研究测试其作用,干货和信息量非常大,请预留足够多时间阅读文本,你会学到很多HTML全局新特性。

阅读全文…

浏览器IMG图片原生懒加载loading=”lazy”实践指南

2019年09月30日,星期一

原生懒加载头图封面图

本文介绍自己在研究与实践Lazy loading原生懒加载得到的结论与知识,scroll滚动,resize缩放,网速,屏幕高度都是影响特性,同时也会介绍在JavaScript中的一些实用tips。

阅读全文…

本地开发设置个区分明显的favicon吧~

2019年08月6日,星期二

本地favicon头图

是否遇到这样的囧事,修复bug改了代码,结果页面怎么刷新都没有效果,结果尼玛一看,原来刷新的是线上地址,是不是气死人,那有没有什么办法规避这个问题呢?可以试试本地使用风格完全不一样的favicon。

阅读全文…

HTML静态页面原型交付工具“魔卡”简介

2019年07月19日,星期五

如果你的主要工作内容就是重构HTML静态页面,则本文介绍的“魔卡”工具会很适合你。头尾公用,支持简易CSS变量,支持http服务以及JS,CSS合并,都是专门为HTML静态页面开发定制的功能。本工具极简免安装,非常轻量。

阅读全文…

详细介绍HTML favicon尺寸 格式 制作等相关知识

2019年06月15日,星期六

本文详细深入介绍HTML favicon尺寸、格式、制作等相关知识,以前以为favicon很简单,但是一旦深入才发现规则之多,需要适配场景之广泛完全出乎预期。

阅读全文…

HTML rel属性值释义大全

2019年06月3日,星期一

本文介绍HTML中33个rel属性值及其对应的含义,这33个属性值各有千秋,涵盖web开发方方面面,或SEO或功能开发或性能优化等,阅读前请预留足够的时间。

阅读全文…

如何disabled禁用所有表单input输入框元素

2019年04月5日,星期五

禁用表单元素

经常会遇到需求,需要禁用div中或者form元素中一堆表单控件元素,那有没有什么简单方法轻松禁用所有表单元素呢,而且是真正意义上的禁用呢?

阅读全文…

数学标记语言MathML简介、工具及兼容

2018年10月24日,星期三

MathML头图缩略图

MathML指“数学标记语言”,是XML语言的一个子集,用来在web网页,甚至部分软件中显示数学公式。

简言之,就是使用特殊的类似HTML的标记在网页中显示数学公式。因为有些数学公式很复杂,普通HTML根本没法驾驭,然而MathML本身也很复杂,真要手写那真要人命了,好在有很棒的工具可以帮助我们……

阅读全文…