令人震惊的HTML技巧有哪些

1. 捕获属性打开你的设备摄像头

正如 input 标记具有 email、 text 和 password 属性一样，还有一个属性可以打开移动设备的摄像头来捕捉图像。

这是通过 capture 属性完成的，该属性可以有两个值:

• 前置摄像头用户

• 后置摄像头的环境

inputtype="file"capture="user"accept="image/*">
    

2. 网站自动刷新

您可以设置您的网站刷新后，给定的时间从头标签！

head>
    
metahttp-equiv="refresh"content="10">
    
/head>
    

这个片段每10秒刷新一次网站

3. 激活拼写检查

您可以使用 HTML 拼写检查属性并将其设置为 true 来激活它。指定使用 lang 属性的语言

inputtype="text"spellcheck="true">
    

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

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

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

inputtype="file"accept=".jpeg,.png">
    

5. 防止翻译

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

ptranslate="no">
    Brandname/p>
    

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

这可以通过多个属性来完成

inputtype="file"multiple>
    

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

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

通过海报属性，您可以创建一个图像，该图像在视频下载时显示，或者直到用户点击播放按钮。

如果不包括这一点，视频的第一帧将被替代使用。

videoposter="picture.png">
    /video>
    

8. 点击链接自动下载

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

ahref="image.png"download>
    

关于“令人震惊的HTML技巧有哪些”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“令人震惊的HTML技巧有哪些”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注行业资讯频道。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！