HTML5标签速查

2024-11-30T23:29:20

HTML5引入了许多新的标签，以更好地定义网页内容和结构。以下是一些常用的HTML5标签及其用途的速查表：

文档结构标签

<header>：定义文档或部分的页眉。
<footer>：定义文档或部分的页脚。
<article>：定义独立的内容区块。
<section>：定义文档中的一个区段。
<nav>：定义导航链接的部分。
<aside>：定义与页面主要内容稍微相关的部分（如侧边栏）。
<main>：定义文档的主要内容。
<figure>：定义媒介内容的分组，以及可选的标题。
<figcaption>：定义<figure>元素的标题。
<section>：定义文档中的一个独立区段。

表单控件标签

<form>：定义表单，用于用户输入。
<input>：定义输入字段（类型可以是text, password, checkbox, radio, file等）。
<textarea>：定义多行文本输入控件。
<button>：定义按钮。
<select>：定义下拉列表。
<option>：定义<select>元素中的选项。
<label>：定义<input>元素的标签。
<fieldset>：将表单内的相关元素分组。
<legend>：定义<fieldset>元素的标题。
<datalist>：定义下拉列表。
<keygen>：定义密钥对生成器字段（用于表单）。
<output>：定义表单元素的结果。

媒体标签

<audio>：定义音频内容。
<video>：定义视频或视频流。
<source>：定义媒体资源。
<track>：定义字幕或字幕文件。

其他标签

<canvas>：定义图形，使用JavaScript在其中绘制图像。
<svg>：定义SVG矢量图形。
<details>：定义用户可以查看或隐藏详细信息的组件。
<summary>：定义<details>元素的标题。
<progress>：定义任务的完成进度。
<meter>：定义已知范围或分数值的度量。
<embed>：定义嵌入的内容，如PDF或视频。
<iframe>：定义内联框架。

元数据标签

<!DOCTYPE html>：文档类型声明，定义了文档为HTML5。
<html>：定义整个HTML文档。
<head>：定义文档的头部，包含了文档的元数据。
<title>：定义文档的标题。
<meta>：定义元数据，如字符集、页面描述、关键词等。
<link>：定义文档与外部资源之间的关系，如链接样式表。
<script>：定义客户端脚本，如JavaScript。

这些标签是HTML5中常用的一些，它们帮助开发者创建更丰富、更语义化的网页内容。

更多，请点击：完整版 »