令人吃惊的HTML技巧有哪些

发布时间：2023-09-05 12:00:24 所属栏目：教程来源：网络

导读： 　　这篇文章主要介绍了令人震惊的HTML技巧有哪些的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇令人震惊的HTML技巧有哪些文章都会有所收获，下面我们一起

　　这篇文章主要介绍了令人震惊的HTML技巧有哪些的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇令人震惊的HTML技巧有哪些文章都会有所收获，下面我们一起来看看吧。

　　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">

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

　　令人震惊的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>

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!