Html
常见HTML标签的英文全称及对应的ARIA role名称
本文档详细列出了常见HTML标签的英文全称及其对应的ARIA role名称，包括基础结构标签、内容分区标签、文本内容标签、链接和交互标签、多媒体标签、表格标签、语义化标签和表单相关标签等。文档还提供了关于何时需要显式指定ARIA role以及如何优先使用语义化HTML标签的最佳实践建议。
SiChen 18 分钟 107
首页 HTML 深潜
HTML 深潜
聚焦 HTML 的核心实践，涵盖语义化、文档结构、文本语义、标题与章节、列表、超链接与导航、媒体与嵌入、表单与交互等内容。强调兼容性与规范遵循，提升可访问性（元障碍）、内容清晰度，并融入基本的安全意识，帮助开发者构建结构合理、用户友好的网页。
技术分类
选择你感兴趣的技术领域，开始深入学习
最新文章
紧跟技术前沿，获取最新知识
Html 2026-05-19
HTML <a>元素完全指南：属性、安全、无障碍与现代实践
本文全面解析 HTML 锚点元素（<a>）的所有关键属性（href、target、rel、download、referrerpolicy、ping 等），阐明页面导航、锚点跳转、文件下载、邮件/电话链接等典型模式，深入剖析 target="_blank" 的安全隐患、同源策略对 download 的限制、键盘无障碍设计及最新浏览器行为变化，并提供可直接复用的代码示例。
SiChen 17 分钟 38
Html 2026-05-18
浏览器渲染核心图解：从 HTML 到像素的完整旅程
当你打开一个网页，浏览器背后到底发生了什么？为什么某些动画会卡顿？为什么把 script 放在页面底部更好？本文用最直观的方式，带你彻底看懂 DOM 树、CSSOM 树、渲染树、布局、绘制、合成以及脚本加载的奥秘，并给出实战优化建议。
SiChen 19 分钟 23
Html 2026-05-17
深入理解 HTML 中的 <button> 元素：属性、行为与最佳实践
<button> 是 Web 表单与交互的基石。本文全面解析其类型、表单关联、禁用语义、全局属性、事件处理与无障碍设计，涵盖现代 API 应用（Popover、inert）及常见陷阱，帮助你写出专业、健壮的按钮组件。
SiChen 14 分钟 24
Html 2026-05-16
HTML <script> 元素完全指南：位置、加载策略与性能优化
深入解析 <script> 标签的放置位置（<head> vs <body> 末尾）、async/defer 属性、ES6 模块模式、浏览器解析机制，以及现代资源提示（preload、modulepreload）。通过对比表格、执行时序图和代码示例，掌握最新且可靠的脚本加载策略，显著提升首屏加载速度与用户体验。
SiChen 23 分钟 18
关注我们的公众号
扫码关注「Sharing Pi」微信公众号，第一时间获取最新技术文章与独家作者经验分享。
微信扫码关注
微信公众号
Sharing Pi
1
技术干货
每周推送精选技术文章，深度解析源码原理
2
面试题库
汇集大厂面试真题，助你轻松应对技术面试
3
社群交流
加入技术交流群，与 10,000+ 开发者共同成长
每日更新 免费订阅 随时取关