HTML5标签大全:速查与参考

需积分: 12 7 下载量 165 浏览量 更新于2024-09-12 1 收藏 427KB PDF 举报
"HTML5标签速查表.pdf" 在HTML5中,标签是构建网页结构和内容的关键元素。这份PDF速查表详细列举了HTML5中的各种标签,分为基础标签、格式标签和表单标签等类别,便于开发者快速查找和使用。 1. 基础标签 - `<!DOCTYPE>`:声明文档类型,通常用于指定HTML5标准,例如`<!DOCTYPE html>`. - `<html>`:定义整个HTML文档的根元素。 - `<title>`:定义文档标题,显示在浏览器的标签页上。 - `<body>`:定义文档的主体内容。 - `<h1>`至`<h6>`:定义不同级别的标题,从最重要的`<h1>`到最不重要的`<h6>`。 - `<p>`:定义段落。 - `<br>`:插入一个换行符。 - `<hr>`:创建一条水平线,通常用于分隔内容。 - `<!---->`:定义注释,用于给代码添加说明。 2. 格式标签 - `<acronym>`:定义首字母缩写,已废弃,建议使用`<abbr>`。 - `<abbr>`:定义缩写,鼠标悬停时可以显示完整形式。 - `<address>`:定义联系信息,通常用于文章作者或网站所有者的联系方式。 - `<b>`:定义粗体文本。 - `<bdi>`:用于隔离文本,使其不受周围文本方向的影响。 - `<bdo>`:定义文本方向,用于逆转文本方向。 - `<big>`:定义大号文本,已废弃。 - `<blockquote>`:定义长引用。 - `<center>`:定义居中文本,不推荐使用,应通过CSS实现。 - `<cite>`:定义引用(citation)。 - `<code>`:定义计算机代码文本。 - `<del>`:定义被删除或修改的文本。 - `<dfn>`:定义术语定义项。 - `<em>`:定义强调文本。 - `<font>`:定义文本的字体、大小和颜色,已废弃,建议使用CSS。 - `<i>`:定义斜体文本。 - `<ins>`:定义插入的文本。 - `<kbd>`:定义键盘输入的文本样式。 - `<mark>`:定义高亮文本。 - `<meter>`:表示预定义范围内的度量,如评分或进度条。 - `<pre>`:定义预格式化的文本,保留空格和换行。 - `<progress>`:表示任务的进度。 - `<q>`:定义短引用,自动添加引号。 - `<rp>`:在不支持ruby注释的浏览器中显示的内容。 - `<rt>`:定义ruby注释的解释,常用于东亚语言的注音。 - `<ruby>`:定义ruby注释。 - `<s>`:定义带删除线的文本,已废弃。 - `<samp>`:定义计算机代码样本。 - `<small>`:定义小号文本。 - `<strike>`:定义带删除线的文本,已废弃。 - `<strong>`:定义重要或强烈的强调文本。 - `<sup>`:定义上标文本,如平方或指数。 - `<sub>`:定义下标文本,如化学公式中的次原子符号。 - `<time>`:定义日期和时间。 - `<tt>`:定义打字机文本,已废弃。 - `<u>`:定义下划线文本,已废弃。 - `<var>`:定义变量。 - `<wbr>`:定义可能的单词断点,允许在必要时换行。 3. 表单标签 - `<form>`:定义用户交互的表单。 - `<input>`:创建各种类型的输入字段,如文本框、按钮、复选框等。 - `<textarea>`:定义多行文本输入区域。 - `<button>`:创建按钮,可以提交表单或执行其他操作。 - `<select>`:定义下拉列表。 - `<optgroup>`:在下拉列表中定义相关选项的组。 - `<option>`:定义下拉列表中的选项。 - `<label>`:定义输入字段的标签,便于用户交互。 - `<fieldset>`:将相关表单元素分组。 - `<legend>`:定义`<fieldset>`的标题。 - `<input type="checkbox">`:创建复选框。 - `<input type="radio">`:创建单选按钮。 - `<input type="submit">`:创建提交表单的按钮。 - `<input type="reset">`:创建重置表单数据的按钮。 - `<input type="hidden">`:创建隐藏字段,存储不可见的数据。 - `<input type="image">`:创建图像提交按钮。 - `<input type="file">`:让用户选择本地文件。 - `<input type="date">`、`<input type="time">`等:定义特定类型的输入,如日期、时间等。 这些标签是HTML5的基础,熟练掌握它们能够帮助开发者高效地构建功能丰富、语义清晰的网页。了解每个标签的用途和用法是开发响应式和无障碍网站的关键步骤。通过这份速查表,开发者可以快速查找并应用所需标签,提高开发效率。