# HTML Reference

URL: https://caijiao.org/reference/html/
Source: docs/reference/html/index.md
Description: HTML Reference 汇总常用 HTML 元素与 SEO 相关标签，包括 form、input、img、picture、meta、canonical 等用法、示例和常见错误。

HTML Reference 用于快速查询标签、属性、语义和 SEO 相关写法。它不是从头学习 HTML 的教程，而是面向开发时的速查和排错。

## 常用元素

- [form](/reference/html/form)：表单提交、字段分组、校验和 FormData。
- [input](/reference/html/input)：输入类型、常用属性和表单校验。
- [img](/reference/html/img)：图片加载、alt、尺寸和懒加载。
- [picture](/reference/html/picture)：响应式图片、source 和媒体条件。
- [a](/reference/html/a)：链接、锚点、下载入口和外部跳转。
- [source](/reference/html/source)：为 picture、audio、video 提供候选资源。
- [iframe](/reference/html/iframe)：嵌入独立页面、演示和第三方内容。
- [video](/reference/html/video)：在网页中播放视频。
- [audio](/reference/html/audio)：在网页中播放音频。
- [button](/reference/html/button)：提交表单或触发交互。
- [label](/reference/html/label)：为控件提供可访问名称。
- [select](/reference/html/select)：下拉选择控件。
- [textarea](/reference/html/textarea)：多行文本输入。
- [table](/reference/html/table)：二维表格数据。

## SEO 与 head 标签

- [meta](/reference/html/meta)：charset、viewport、description、robots 等元信息。
- [canonical](/reference/html/canonical)：规范 URL，避免重复页面信号分散。
- [link](/reference/html/link)：样式、图标、预加载和资源关系。
- [script](/reference/html/script)：加载和执行 JavaScript。
- [title](/reference/html/title)：页面标题。
- [robots](/reference/html/robots)：控制搜索引擎索引和跟踪。
- [Open Graph](/reference/html/open-graph)：社交分享卡片标签。
- [Twitter Card](/reference/html/twitter-card)：X/Twitter 分享卡片标签。
- [JSON-LD](/reference/html/json-ld)：结构化数据脚本。

## 相关内容

- [Reference 技术手册](/reference/)
- [HTML 教程](/html/)
- [CSS Reference](/reference/css/)
- [Google Search Central](/google-search-central/)
- [Open Graph 预览工具](/tool/open-graph-preview)