Web 每周精选 #118 (#博客文章)
内容提要
本期Web Weekly包括了阻止AI代理使用您的内容、2024年CSS中心元素是否是问题、浏览器互操作性等问题的答案，以及设计规则和技巧、AI代理和Git提交的内容，以及有趣的网络角落和在线工具推荐。
延伸解读
阻止AI代理使用内容的现实局限
文章提到可以通过robots.txt告知AI机器人不要使用你的内容，但作者也指出这些机器人是否遵守规则是另一个问题。这意味着仅靠robots.txt并不能保证内容不被AI使用，实际效果取决于AI代理是否尊重该协议。对于内容创作者来说，这提供了一个基础的防护手段，但不应视为绝对有效的解决方案。
CSS居中元素的新进展与注意事项
文章指出，align-content属性已被定义用于grid、flex、multicol甚至block容器，Chromium和Webkit即将支持。这意味着未来在块级容器中居中元素可能更简单。但作者提醒，align-content: center几乎无法进行特性检测，因此在实际使用中需谨慎，并参考Michelle Barker的详细说明。
浏览器互操作性2024：进展与期待
2023年稳定版本的互操作性达到83%，而合并所有待处理的PR后可达95%。这表明浏览器兼容性正在稳步提升。2024年的议程中，Chris Coyier通过统计GitHub上的emoji反应发现社区对JPEGXL有强烈兴趣。互操作性的改善将减少开发者的适配负担，但具体新特性的落地仍需关注。
开发者体验应关注最终用户体验
文章引用了Cole Peters的观点，认为开发者体验（DX）不应只关注热重载或构建速度，而应考虑最终结果。好的开发者体验应使开发者能够为尽可能多的用户提供可靠且一流的用户体验，并尽可能长久地维持。这提醒我们，在优化开发流程的同时，不能忽视交付给用户的最终质量。
Q&A
如何阻止AI代理使用我的网站内容？
可以通过robots.txt文件告知AI机器人不要使用你的内容，但前提是它们遵守该协议。Dark Visitors网站列出了所有已知的AI代理。
2024年CSS居中元素还是问题吗？
使用flex和grid容器可以轻松居中元素，而且align-content属性现在也支持block容器，Chromium和Webkit即将支持。但注意align-content: center几乎无法进行特性检测。
浏览器互操作性在2024年有什么进展？
2023年稳定版本的互操作性达到83%，预计2024年将达到95%。2024年的议程包括JPEGXL等，具体可查看Chris Coyier的分析。
有哪些安全的设计实践规则？
Anthony Hobday收集了许多安全设计实践，包括给元素留出空间、不要使用纯黑和纯白、均匀分配元素、不要破坏视觉网格等。Mike Mai提供了排版规则，Rauno Freiberg分享了用户界面设计指南。
structuredClone是什么？它比JSON.parse(JSON.stringify())更好吗？
structuredClone是一个跨浏览器支持的API，自2022年3月起可用。它比JSON.parse(JSON.stringify()) hack更好，因为它能处理更多数据类型（如Date、Map、Set等）和循环引用。
Git提交是差异还是快照？
Julia Evans解释了Git提交的工作原理，它既是差异也是快照，具体取决于你如何看待它。
如何用CSS重置元素的所有属性？
可以使用CSS的all属性来重置元素的大部分属性。
按下Enter键和空格键点击按钮有什么区别？
文章提到有区别，但未详细说明。可以查看作者的“Today I learned”部分了解更多。
