马科2020 年 4 月 12 日
在本文中html 弹出输入框,我很高兴与您分享一些特别有用的 HTML 技巧。
*文章会定期更新,如有新的小方法。
首先,什么是 HTML?
超文本标记语言 (HTML) 是一种标准标记语言,旨在在浏览器中显示文档。 它受到级联样式表 (CSS) 和 JavaScript 等脚本语言技术的支持。
让我们开始吧 1.loading="lazy" 属性
以一种小的性能方式,我们可以使用 loading=lazy 属性来延迟图像的加载,直到用户滚动查看它们。
2. 电子邮件、电话和电子邮件链接:
Send us an email
Call us
Send us a message
3.有序列表的“start”属性
使用“start”属性更改排序列表的起点。
4. 仪表元件
您可以使用元素来显示数字,而无需 JavaScript 和 CSS。
5. HTML 搜索
6. 字段集元素
您可以使用 fieldset 元素对 Web 表单中的多个控件和标签 ( ) 进行分组。
7. 窗口打开
对于使用target="_blank"打开的新页面,可以通过window.opener在新页面中访问原始源窗口。 这可能会对安全或性能问题产生影响。 使用 rel="noopener" 或 rel="noreferrer" 来防止此类行为。
Marko's website
8. 基础元素
如果您希望文档中的所有链接在新标签页中打开,您可以使用基本标签:
_self:将结果加载到当前浏览上下文中。 (该值是元素的默认值)。
_blank:将结果加载到新的未命名浏览上下文中。
_parent:将结果加载到父浏览上下文(如果当前页面是内联框)。 如果没有父结构,则此选项的行为类似于 _self。
_top:将结果加载到顶级浏览上下文(浏览上下文是当前上下文的最顶层上下文)。如果没有父级,则此选项的行为类似于 _self
9. 销毁Favicon的缓存
为了能够刷新网站的图标,您可以通过在文件链接前面加上 ?v=2 前缀来强制浏览器下载新文件。
这在生产环境中非常有用,可确保您的用户使用最新版本。
10.`拼写检查`属性
使用拼写检查属性来定义元素是否应检测拼写错误。
11. 原生 HTML 滑块
您可以使用以下方法创建滑块
12. HTML 吉他
您可以使用详细信息元素来创建原生 HTML 吉他
13.`标记`标签
您可以使用标记来突出显示文本。
14.`下载`属性
您可以使用链接上的下载属性来下载文件,而不用打开链接。
Download
15. 性能提示
使用图像尺寸较小的 .webp 格式,同时提高网站性能。
16. 视频缩略图
使用海报属性指定视频下载时或直到用户单击播放按钮时显示的图像。
17. 输入类型=“搜索”
使用 type="search" 作为搜索输入html 弹出输入框,您将免费获得一个关闭按钮。