HTML5标签大全:速查与参考
需积分: 12 140 浏览量
更新于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的基础,熟练掌握它们能够帮助开发者高效地构建功能丰富、语义清晰的网页。了解每个标签的用途和用法是开发响应式和无障碍网站的关键步骤。通过这份速查表,开发者可以快速查找并应用所需标签,提高开发效率。
2023-06-22 上传
2023-10-10 上传
2023-06-19 上传
2023-09-15 上传
2023-06-25 上传
2024-01-24 上传
香草味灬布丁
- 粉丝: 3
- 资源: 8
最新资源
- Android圆角进度条控件的设计与应用
- mui框架实现带侧边栏的响应式布局
- Android仿知乎横线直线进度条实现教程
- SSM选课系统实现:Spring+SpringMVC+MyBatis源码剖析
- 使用JavaScript开发的流星待办事项应用
- Google Code Jam 2015竞赛回顾与Java编程实践
- Angular 2与NW.js集成:通过Webpack和Gulp构建环境详解
- OneDayTripPlanner:数字化城市旅游活动规划助手
- TinySTM 轻量级原子操作库的详细介绍与安装指南
- 模拟PHP序列化:JavaScript实现序列化与反序列化技术
- ***进销存系统全面功能介绍与开发指南
- 掌握Clojure命名空间的正确重新加载技巧
- 免费获取VMD模态分解Matlab源代码与案例数据
- BuglyEasyToUnity最新更新优化:简化Unity开发者接入流程
- Android学生俱乐部项目任务2解析与实践
- 掌握Elixir语言构建高效分布式网络爬虫