网页周刊 #133 (#博客文章)
内容提要
本文讨论了网页开发中的一些话题，包括aria-label的使用、自托管自定义网页字体、CSS @property的跨浏览器支持等。作者认为，新的浏览器特性使用率不高，可能是因为人们习惯了旧的方式。文章还介绍了一些新的网页开发工具和项目。
延伸解读
新特性采用率低的背后原因
文章指出，容器查询等新CSS特性虽然已跨浏览器支持，但采用率仅6%。作者认为低采用率并非由于浏览器支持不足，而是开发者习惯了旧有方式，改变习惯需要时间。同时，全球统计数据可能不适用于特定受众，建议结合自身网站分析数据评估。
自托管字体的考量
文章讨论了自托管自定义网页字体的建议。自托管可以避免依赖第三方服务，提升加载性能和隐私控制，但需要自行处理字体格式、子集化和缓存策略。对于注重性能和用户体验的项目，自托管是一个值得考虑的方向。
CSS @property 即将跨浏览器支持
Firefox 128 将支持 CSS @property，这意味着该特性即将进入基线，实现跨浏览器支持。@property 允许定义类型安全的自定义属性，为 CSS 带来更强的能力和更可靠的动画与过渡。开发者现在可以开始学习并尝试使用它。
API 重定向到 HTTPS 的安全风险
文章提到，API 重定向到 HTTPS 存在安全问题。重定向可能被中间人攻击利用，导致敏感数据泄露。建议 API 直接使用 HTTPS，避免重定向，以确保通信安全。
Q&A
什么情况下应该使用aria-label？
使用aria-label时应确保其能有效描述元素的功能，具体情况可以参考文章中的详细表格。
自托管自定义网页字体有什么建议？
建议自托管自定义网页字体以提高加载速度和控制字体的可用性。
CSS @property的跨浏览器支持情况如何？
CSS @property即将获得更广泛的支持，Firefox 128将会推出该特性。
为什么新浏览器特性使用率低？
新浏览器特性使用率低可能是因为开发者习惯了旧的方式，不愿意学习新特性。
使用innerHTML时需要注意什么？
使用innerHTML时需注意防止XSS攻击，确保安全性。
sizes=auto特性如何简化响应式图片处理？
sizes=auto特性允许自动处理懒加载图片的尺寸，简化了响应式图片的管理。
