HTML提示和技巧

在本文中，我将与您分享一些非常有用的HTML提示。享受！ *邮政将定期更新新提示！

超文本标记语言（HTML）是设计用于在Web浏览器中显示的文档的标准标记语言。它可以由级联样式表（CSS）和脚本语言（如JavaScript）提供帮助。

性能提示。您可以使用Loading = Lazy属性来推迟映像的加载，直到用户滚动到它们。

＆lt; href =＆＃34; mailto：{email}？主题= {optoment}＆amp; body = {content}＆＃34;＆gt; 向我们发送电子邮件 ＆lt; / a＆gt; ＆lt; href =＆＃34; tel：{phone}＆＃34;＆gt; 打电话给我们 ＆lt; / a＆gt; ＆lt; href =＆＃34; sms：{phone}？body = {content}＆＃34;＆gt; 给我们发信息 ＆lt; / a＆gt;

您可以使用＆lt; fieldset＆gt;元素在Web表单中对多个控件以及标签（＆lt;标签＆gt;）。

用目标=＆＃34打开页面; _blank＆＃34;允许新页面访问原始的Window.opener。这可以具有安全性和性能影响。包括rel =＆＃34; noopener＆＃34;或rel =＆＃34; noreferrer＆＃34;防止这种情况。

如果要在新选项卡中打开文档中的所有链接，则可以使用＆lt; base＆gt;元素：

要刷新您的网站的Favicon，您可以强制浏览器通过添加？v = 2来下载新版本。 这在生产中特别有用，以确保用户获得新版本。 使用spellcheck属性来定义是否可以检查元素是否要拼写错误。 您可以在链接中使用下载属性来下载文件而不是导航到它。 使用.webp图像格式使图像变小并提高您网站的性能。 ＆lt;图片＆gt; ＆lt;！ - 加载.Webp图像如果支持 - ＆gt; ＆lt;源srcset =＆＃34; logo.webp＆＃34; type =＆＃34;图像/ webp＆＃34;＆gt; ＆lt;！ - 退回if`.webp`图像或＆lt;图片＆gt; 标签 浏览器不支持。 - ＆gt; ＆lt; img src =＆＃34; logo.png＆＃34; alt =＆＃34;徽标＆＃34;＆gt; ＆lt; / picture＆gt; 使用“海报”属性指定视频正在下载时要显示的图像，或直到用户击中播放按钮。