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

这些是我学到的 HTML 技巧的集合，绝对会让你大吃一惊！

1. 拍摄属性打开你的设备相机

正如标签具有电子邮件、文本和密码的属性一样input，它还具有打开移动设备相机捕捉图像的属性。

这是通过capture可以采用两个值的属性来实现的：

<input type="file" capture="user" accept="image/*">

您可以通过标签设置您的网站在给定的时间后刷新head！

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

此代码片段每 10 秒刷新一次网站

您可以使用 HTMLspellcheck属性并将其设置为truelang来激活它。使用属性指定要使用的语言

<input type="text" spellcheck="true" lang="en">

这是一个标准属性，大多数浏览器都支持

我想知道 dev.to 是否在他们的创建帖子编辑器上使用此属性...😄

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

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

将此属性设置translate为no可阻止翻译。如果您不想翻译某个短语或单词（例如您的徽标、公司或品牌名称），则此功能非常重要。

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

这可以通过multiple属性来实现

<input type="file" multiple>

它适用于文件和电子邮件。对于电子邮件，请用逗号分隔每个电子邮件。

使用该poster属性，您可以创建一个在视频下载时显示的图像，或者直到用户点击播放按钮为止。

如果未包括，则将使用视频的第一帧。

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

如果您希望在点击目标资源的链接时下载特定资源，请添加download属性

<a href="image.png" download>

就到这里吧。等我了解更多之后一定会分享更多😄

在下面评论哪些对你来说是新的