精通

HTML · 熟练 - 高级模式与性能优化

• 无障碍：alt、标题层级与 ARIA掌握替代文本、屏幕阅读器真正能够导航的标题层级，以及仅在原生 HTML 不足时才使用的 ARIA。
• 高级表单与原生校验利用 required、pattern、inputmode 和约束校验 API，无需任何外部库即可构建健壮的表单。
• 响应式图片：srcset、sizes 与 picture用 srcset 和 sizes 为合适的屏幕提供合适的图片，把 picture 留给艺术指导，并掌握懒加载。
• 技术 SEO：Open Graph 与结构化数据用 Open Graph 掌控你的页面在社交网络上的预览效果，并借助 JSON-LD 中的 schema.org 争取富媒体搜索结果。
• 加载性能：defer、async、preload 与 prefetch用 defer 和 async 安排脚本的执行顺序，再用 preload、preconnect 和 prefetch 引导网络。