8 个你可能不知道的令人震惊的 HTML 技巧

83 阅读1分钟

1.通过 capture 属性来打开设备摄像头

有两个可选值

  • user 打开前置摄像头
  • environment 打开后置摄像头
<input type="file" capture="user" accept="image/*">

2. 自动刷新网页

<head>
    <meta http-equiv="refresh" content="10">
</head>

这么设置后,每 10 秒会刷新一次

3. 启用拼写检查

使用HTML spellcheck 属性,将其设置true来启用。使用lang属性指定要使用的语言 这是一个标准的属性,被大多数浏览器所支持。

image.png

4.指定要上传的文件类型

您可以使用 accept 属性在输入标签中指定允许用户上传的文件类型

<input type="file" accept=".jpeg,.png">

5. 防止翻译

这么设置后,文本无法被选中

<p translate="no">Brand name</p>

6. input 标签支持多行文本

这个应该大部分人都知道

<input type="file" multiple>

7. 为你的视频创建一个海报(缩略图)。

使用poster属性,你可以指定一张图片,在视频下载时显示,或直到用户点击播放按钮。

如果不指定,默认将使用视频的第一帧来代替。

<video poster="picture.png"></video>

8. 点击链接时自动下载

如果你想在点击目标资源的链接时下载一个特定的资源,请添加download属性

<a href="image.png" download>

原文来自dev.to