html小技巧
# 1、网站自动刷新
<meta http-equiv="refresh" content="5"><!--最好在head标签加,content等于几,几秒刷新一次 -->
# 2、快速隐藏
一个原生的HTML属性隐藏,其效果类似于添加一个style="display: none;"。
<p hidden>该段落在页面上是不可见的,它对HTML是隐藏的。</p> <!--对伪元素无效 -->
# 3、使用capture属性打开设备摄像头
capture属性,属性值有两个:
- user用于前置摄像头
- environment用于后置摄像头
<input type="file" capture="user" accept="拍照保存路径"/>
# 4、在input标签中输入多个项目
<input type="file" multiple>
# 5、指定要上传的文件类型
<input type="file" accept=".jpeg,.png">
# 6、颜色选择器
颜色值由十六进制来表示红、绿、蓝(RGB)。 每个颜色的最低值为 0(十六进制为 00),最高值为 255(十六进制为FF)。 十六进制值的写法为 # 号后跟三个或六个十六进制字符。
<input type="color"/>
# 7、 激活拼写检查
HTML的spellcheck属性并将其设置为true以激活拼写检查。使用lang属性指定待检查的语言。
<input type="text" spellcheck="true" lang="en">
# 8、点击链接自动下载
<a href="image.png" download><!--条件是单击目标资源的链接 -->
# 9、为视频创建缩略图
<video poster="picture.png"></video>
# 10、阻止浏览器翻译
<p translate="no">logo</p>