10个你不知道你需要的HTML元素

个人专栏ES6已上线，深入ES6，通过案例学习掌握ES6新特性的一些使用技巧和原理，持续更新，←点击订阅。喜欢再读一遍，养成习惯。本文已收录到GitHubhttps://github.com/qq44924588...更多往期好评文章已归类，我的文档和教程资料也整理了很多。欢迎来到星和完美。面试时可参考考点复习。我希望我们能在一起。为了保证更好的可读性，本文采用意译而非直译。我听过“HTML很简单”这种说法的次数多得我都数不清了。虽然我同意HTML可能比其他编程语言更容易学习，但您不应该认为这是理所当然的。HTML是一种功能强大的标记语言，可用于为我们的Web应用程序提供结构并提供强大的可访问性优势，但前提是使用得当。因此，今天我们将发现10个您可能不知道的HTML元素，以便您可以创建可访问的、结构更健壮的Web应用程序。如果您想了解更多有关HTML的信息，可以访问W3Schools以获取更多HTML元素。Audio

标记指定引用自其他来源的部分。运行效果：看例子Output

标签代表一个计算的结果。可以使用加号和等号来指定第一个和第二个输入值应该输出到输出标签；这可以使用包含要合并的两个元素的ID的for属性来指示。实际操作：参见示例Picture通过包含零个或多个元素和一个元素为不同的显示/设备场景提供图像版本。浏览器将选择最匹配的子元素，或者如果没有匹配项，则选择元素的src属性中的URL。选定的图像然后在元素占用的空间中呈现。源元素具有以下属性：srcset（必需）：定义要显示的图像的URL媒体：媒体属性允许您提供媒体条件（类似于媒体查询）。如果媒体条件匹配false，将跳过元素。sizes：定义单个宽度值，具有宽度值的单个媒体查询，或具有宽度值的逗号分隔的媒体查询列表type：type属性允许您为srcset指向的资源指定MIME类型元素的属性。如果用户代理不支持指定的类型，则元素将被跳过。如果浏览器不支持元素，或者没有标签匹配，则标签用于提供向后兼容性。Progress标签表示任务的进度。标签不能替代标签，因此指示磁盘空间使用情况或查询结果相关性的组件应使用标签。实际操作：参见示例Meter标记定义了定义范围内的标量指标，或小数值。您也可以通过名称gauge来引用此标记。您可以使用标记来显示磁盘使用统计信息，或指示搜索结果的相关性。标签不应用于指示任务的进度；这些类型的组件应该由元素定义。查看实际效果：查看示例模板HTML内容模板(