携手创作，一同生长！这是我参与「日新计划 8 月更文应战」的第4天，点击查看活动概况

我们好，我是速冻鱼，一条水系前端，喜欢花里胡哨，持续沙雕
欢迎小伙伴们加我微信：sudongyuer拉你进群
重视我的大众号:前端速冻鱼一同前进，等待与我们一同生长

1. 捕获特点打开你的设备摄像头

正如 input 符号具有 email、 text 和 password 特点一样，还有一个特点能够打开移动设备的摄像头来捕捉图画。

这是经过 capture 特点完结的，该特点能够有两个值:

  • 前置摄像头用户
  • 后置摄像头的环境
<input type="file" capture="user" accept="image/*">

2. 网站自动改写

您能够设置您的网站改写后，给定的时间从头标签！

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

这个片段每10秒改写一次网站

3. 激活拼写查看

您能够运用 HTML 拼写查看特点并将其设置为 true 来激活它。指定运用 lang 特点的语言

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

它是一个标准特点，大多数浏览器都支撑它

8个你或许不知道的令人震惊的 HTML 技巧

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

您能够运用 accept 特点指定用户允许在 input 符号中上载的文件类型

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

5. 防止翻译

将 translate 特点设置为 no，可防止翻译。这一点很重要，以防你不想翻译一个短语或单词，例如你的标志、公司或品牌称号。

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

6. 在 input 标签中输入多个条目

这能够经过多个特点来完结

<input type="file" multiple>

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

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

经过海报特点，您能够创建一个图画，该图画在视频下载时显现，或者直到用户点击播放按钮。

假如不包括这一点，视频的榜首帧将被代替运用。

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

8. 点击链接自动下载

假如希望在单击指向方针资源的链接时下载特定资源，请添加 download 特点

<a href="image.png" download>

完毕语

那么我的8个你或许不知道的令人震惊的 HTML 技巧就完毕了，文章的目的其实很简单，就是对日常工作的总结和输出，输出一些觉得对我们有用的东西，菜不菜不重要，可是热爱，希望我们能够喜欢我的文章，我真的很用心在写，也希望经过文章知道更多志同道合的朋友，假如你也喜欢折腾，欢迎加我老友，一同沙雕，一同前进。

github:sudongyu

个人博客‍:速冻鱼blog

vx:sudongyuer

写在最后

伙伴们，假如喜欢我的口水话给点一个赞或者重视➕都是对我最大的支撑。

加我微信：sudongyuer，邀你进群，一同学习前端，成为更优秀的工程师～（群二维码在这里->前端要早睡, 二维码过期了的话看链接沸点中的评论，我会把最新的二维码放在评论区，当然也能够加我微信我拉你进群，毕竟我也是风趣的前端，知道我也不赖～