记录--新的HTML标签 ：|世界简讯
2023-06-23 06:19:40 来源： 博客园
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助
本文介绍了一种新的HTML元素搜索方法，并提供了一个实用的工具来帮助开发者快速找到所需的元素。这对于那些需要处理大量HTML元素的开发者来说是非常有用的。文章还通过提供一些常见元素的用法示例，帮助开发者更好地理解和应用这些元素。在众多元素中找到特定的元素。为了解决这个问题，文章介绍了一种新的HTML元素搜索方法。
下面是正文
(资料图片)
一个新的语义元素已经加入了 HTML 标准 。它代表文档中用于搜索或过滤的部分。它应该包含表单控件（如文本输入、下拉菜单、按钮等），搜索/过滤的范围可以是任何内容：从同一文档到整个互联网。
如何运作
在 标签中添加 role="search"以指示该表单用于搜索：
有了这个新添加的功能，我们可以使用
由于 hack，指定它已经具有的 ARIA 角色（类似于 所发生的情况）。这在未来可能会变得多余，但它可能会为我们的代码做好准备，以便在浏览器支持新标签时使用。
...
这看起来有些违反直觉：我们正在移除 role="search" ，但我们正在用
温馨提示：尽管我们在构建搜索组件时并不强制需要
标签，但是使用它却能带来额外的好处（甚至是必须的）。这样，即使在无JavaScript环境下，搜索功能也能保持正常运行，或者说，这是一种实践渐进式增强策略的方式。
另一个需要注意的关键点是，搜索区域不一定是网站或在线平台上带有搜索按钮的文本输入框。我们可以使用
Filter results
看法
拥有一个用于识别搜索区域的元素是很好的。正如Scott O"Hara在这篇文章中指出的那样，直到现在，这是唯一一个在HTML中没有语义等效项的ARIA地标角色：
- banner →
- complementary →
- form →
- main →
- navigation →
- region →
- search → ???
使用
但是，从程序员的角度来看，它感觉不够完善或没有为现有的实现增加太多东西。其他语义元素可以提高可访问性并简化我们编写特定组件的方式。例如，像
这并不会削弱它的重要性。所有的改进 - 即使是微小的改进 - 都是受欢迎的。这也适用于
代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
本文转载于:
https://juejin.cn/post/7236372620999868477
如果对您有所帮助，欢迎您点个关注，我会定时更新技术文档，大家一起讨论学习，一起进步。
标签：
[责任编辑:]
猜你喜欢
- (2023-06-23)世界今头条！三消息：绿军5年2.95亿续约布朗，哈登将加盟湖人，快船交易乔治换取探花签
- (2023-06-23)完美国际称号任务攻略大全 完美国际阅历称号任务
- (2023-06-23)宋志忠-即时焦点
- (2023-06-23)内地买家搅动香港楼市，冯小刚离场净赚6000万港元，豪宅成交量大涨 观焦点
- (2023-06-23)全球热点！凉山州冕宁县市场监管局 开展端午节前安全检查及督促企业 年报信息公示工作
- (2023-06-23)“千万工程”调研行丨扮靓海上花园 焕发发展活力——浙江温州洞头乡村振兴一线观察
- (2023-06-23)乌方把一战时的坟挖开，为新死之人腾位置，还开通坟地滑板车服务
俄外交部：将禁止48名澳大利亚人入境俄罗斯
海口美兰区举办首届三江公仔戏擂台展演活动
每日看点!贸泽电子隆重推出新一期EIT计划 探索智
西安航天基地：聚焦数字经济 助推产业升级
三星新款S90PC平面多功能显示器上线：5K专业设计屏