微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐