🏷
HTML 标签速查
常见 HTML 标签及其用途速查,前端入门与查漏补缺。数据由后端维护。
本地处理 · 不上传
加载工具中…
相关：HTML标签 · 标签大全 · div span · 语义标签 · 前端
HTML 标签速查按用途分类列出标签及其语义与常见属性，标明哪些已废弃。用对语义标签直接影响无障碍与搜索引擎的理解。
使用步骤
- 按语义分类或直接搜索标签名
- 看清它的语义用途与允许的子元素
- 优先选语义标签而不是通篇 div
- 写完用无障碍检查工具验证结构是否合理
使用场景
- 写页面时确认该用哪个标签
- 理解语义化标签的用途
- 检查是否使用了废弃标签
- 无障碍改造时的参考
小贴士
- 用语义标签而非到处都是 div。nav、main、article、aside 能让屏幕阅读器提供区域跳转，这对键盘与读屏用户是实质性的便利。
- button 与 a 的区别在于语义：触发操作用 button，跳转到另一个地址用 a。用 div 加点击事件模拟按钮会失去键盘可访问性。
- font、center、marquee 等表现性标签早已废弃，样式应完全交给 CSS。
常见问题
为什么不能都用 div？
div 没有语义，屏幕阅读器无法据此提供导航。用 nav、main、article 等标签后，读屏用户可以直接在区域之间跳转，而不必从头听到尾。这对可访问性是实质差别。
button 和 a 怎么选？
发生页面跳转用 a，触发页面内操作用 button。这不只是语义问题——a 支持右键新标签打开，button 支持空格触发，两者的键盘行为和辅助技术播报都不同。
哪些标签不该再用了？
表现性标签如 font、center、big、strike 都已废弃，样式应交给 CSS。marquee 与 blink 也早已过时。使用它们不仅不规范，在部分现代浏览器中行为也不再保证。
HTML 标签速查是免费的吗？
是。本站所有工具完全免费，无需注册登录、无广告干扰，打开即用。
使用HTML 标签速查，我的数据安全吗？
安全。该工具在你的浏览器本地完成处理，输入内容不会上传到服务器，隐私更有保障。