Element Reference
10 methodsHTML 元素参考,涵盖文档结构、表单交互与元数据元素。
<div>块级通用容器,用于分组其他元素,无语义含义。
Returns
在 DOM 中渲染为一个块级容器盒子。
Example
html
<div class="container">
<h1>标题</h1>
<p>段落内容</p>
</div><span>行内容器,用于对文本片段应用样式或脚本,无语义含义。
Returns
在 DOM 中渲染为一个行内容器,不影响文档流。
Example
html
<p>这是一段包含 <span class="highlight">高亮文字</span> 的文本。</p><a>锚元素,用于创建到其他页面或资源的超链接。
Parameters
| Name | Type | Description |
|---|---|---|
| href | string (URL) | 链接目标地址 |
| target | string | 打开方式:_blank(新标签页)、_self(当前)等 |
Returns
渲染为可点击的超链接,导航到 href 指定的目标。
Example
html
<a href="https://example.com" target="_blank">
访问示例站点
</a><img>图像元素,在文档中嵌入一张图片。
Parameters
| Name | Type | Description |
|---|---|---|
| src | string (URL) | 图片资源地址 |
| alt | string | 图片无法显示时的替代文本 |
Returns
在页面中渲染为一张图像,作为行 内块级元素。
Example
html
<img
src="/assets/logo.png"
alt="公司 Logo"
width="120"
/><form>表单元素,用于收集用户输入并提交到服务器。
Parameters
| Name | Type | Description |
|---|---|---|
| action | string (URL) | 表单提交目标地址 |
| method | string | HTTP 方法:GET 或 POST |
Returns
渲染为可提交的表单容器,提交时向 action 发送数据。
Example
html
<form action="/login" method="POST">
<input name="user" />
<button type="submit">登录</button>
</form><input>输入控件,创建多种类型的可交互表单字段。
Parameters
| Name | Type | Description |
|---|---|---|
| type | string | 输入类型:text、password、email、checkbox、radio 等 |
| name | string | 提交时使用的字段名 |
| value | string | 控件的初始值 |
Returns
渲染为对应类型的可交互输入控件。
Example
html
<input type="email" name="email" value="" placeholder="输入邮箱" /><button>可点击按钮元素,用于触发交互动作或提交表单。
Parameters
| Name | Type | Description |
|---|---|---|
| type | string | 按钮类型:button、submit、reset |
Returns
渲染为可点击按钮,触发对应行为。
Example
html
<button type="submit">提交</button>
<button type="button" onclick="alert('hi')">点我</button><table>表格元素,用于展示二维结构化数据。
Returns
渲染为由行和单元格组成的表格结构。
Example
html
<table>
<thead>
<tr><th>姓名</th><th>年龄</th></tr>
</thead>
<tbody>
<tr><td>张三</td><td>20</td></tr>
</tbody>
</table><ul>/<ol>无序列表 / 有序列表元素,用于组织列表项。
Returns
渲染为带项目符号(ul)或编号(ol)的列表。
Example
html
<ul>
<li>苹果</li>
<li>香蕉</li>
</ul>
<ol>
<li>第一步</li>
<li>第二步</li>
</ol><meta>元数据元素,提供文档级的字符集、视口、描述等元信息。
Parameters
| Name | Type | Description |
|---|---|---|
| name | string | 元数据名称,如 description、viewport |
| content | string | 对应的元数据值 |
Returns
不在页面上渲染,但向浏览器/搜索引擎提供文档元信息。
Example
html
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="示例站点" />