Published 2021-04-13
一些有用的Html&&css&&javascript Tips
loading=lazy
属性
这是一个性能优化的措施,图片懒加载
Email、tel、sms
列表start
属性
使用start
属性改变列表的初始序号
meter Element
无需 js、css 写出 progress bar
html 原生搜索
Fieldset Element
Window.opener
用target = "_ blank"
打开的页面允许新页面访问原始页面的window.opener
。这可能具有安全性和性能影响。包括rel = "noopener"或者
rel = "noreferer"`来防止这种情况。
Base Element
如果需要在新标签打开所有的链接,使用base
去除 favicon 缓存
使用时间戳或者其他版本信息去除缓存,这样每次获取的 favicon 都是新的
原生 sliders
html Accordion
mark 标签
使用mark
标签高亮文字
download
属性
picture 标签
fancy text
caret-color
改变光标颜色