HTML Reference 是什么网站?

HTML Reference（htmlreference.io）是一个免费的在线 HTML 元素与属性参考指南，主要用途是快速查询某个 HTML 标签的用法、分类和特性。它适合正在写网页、需要随手确认标签语义或属性的开发者，也适合作为学习 HTML 时的速查表。网站本身定位为“A free guide to all HTML elements and attributes”，即覆盖全部 HTML 元素和属性的免费指南。

网站提供什么内容

它的核心内容是按类别组织的 HTML 元素列表，每个元素都带有简明的元数据标签，帮助你在打开详情前就判断它是否适合当前场景。

从页面结构看，元素被归入若干集合（Collections），包括：

• Base elements：基础元素
• Forms：表单相关元素
• Lists：列表元素
• Semantic：语义化元素
• Tables：表格元素
• experimental：实验性元素

每个元素条目旁会标注一组属性标签，例如：

这些标签的价值在于：你不需要逐个点开，就能先按“块级还是行内”“是否自闭合”“是否实验性”来筛选。例如写布局时想确认 div 是块级、br 是自闭合，看标签即可。

适合哪些使用场景

• 写代码时查标签：不确定某个标签的语义或该用行内还是块级元素时，直接查。
• 学习 HTML 语义化：通过 Semantic 集合了解 article、aside、header、nav 等标签的定位。
• 确认表单与表格结构：Forms 和 Tables 集合把相关元素集中在一起，便于对照。
• 避开实验性特性：带 experimental 标签的元素（如 dialog、hgroup）在正式项目中需要谨慎，网站会明确标出。

怎么用它

1. 打开 htmlreference.io。
2. 在元素列表中找到目标标签，或按集合（Base、Forms、Lists、Semantic、Tables 等）浏览。
3. 先看标签判断元素类型（inline / block / self-closing / experimental）。
4. 进入元素详情页查看具体用法与属性。

需要注意

网站页面资料只说明它是“免费的 HTML 元素和属性指南”，并未提及登录、付费或账号限制。如果你需要的是浏览器兼容性数据或交互式练习，这个站点更偏向静态速查，可能不是最合适的工具；它最擅长的仍是“快速确认一个 HTML 标签是什么、属于哪类、怎么用”。