分享一些有趣的，你从不使用的html属性( 四 ) _html属性

您可以使用以下 CodePen 来试用一个示例：

文章插图

请注意，每个<optgroup>都有一个label为每个组定义标题的属性——但不能选择标题。作为额外提示，您还可以使用disabledan 上的属性来禁用下拉菜单<optgroup>该部分中的所有选项。<select>
用于预加载响应式图像的imagesizes和imagesrcset属性这是我在研究本文时的另一对新属性，它们在规范中也是相对较新的。
这两个属性都可以与元素一起定义rel=preload，as如下<link>所示：

<link rel="preload"as="image"imagesrcset="images/example-480.png 480w,images/example-800.png 800w,images/example.png 2000w"imagesizes="(max-width: 600px) 480px,(max-width: 1000px) 800px,1000px"src=https://www.isolves.com/it/cxkf/yy/html5/2022-04-24/"images/example.png"alt="Example Image">

这里的使用rel=preload通知浏览器我们希望指定的资源优先加载，因此它们不会被脚本和样式表之类的东西阻塞。该as属性指定所请求内容的类型。
您可以使用href属性以及preload和预加载常规图像as 。但最重要的是，您可以使用imagesrcsetandimagesizes属性，就像我在上面的代码中所做的那样。
这允许您预加载正确的图像，具体取决于视口的大小或您在imagesizes属性中指定的其他媒体功能。
荣誉提名除了我已经详细描述和演示的属性之外，您可能还想了解其他一些属性，我将在这里简要提及：

crossorigin可以应用于多个元素的属性，包括<audio>、<img>、<link>、<script>和<video>，为跨域资源共享（CORS）提供支持；
和的title属性；<dfn>``<abbr>
元素的新disablepictureinpicture属性；<video>
脚本的integrity属性，帮助浏览器验证资源没有被不当操作；
元素的disabled属性<fieldset>，轻松同时禁用多个表单元素；
电子邮件和文件输入的multiple属性。

如果您使用过本文中提到的任何属性，或者如果您知道在您的项目中使用过的另一个 HTML 功能，请随时在评论中告诉我。