HTML5标签大全:速查与参考
需积分: 12 146 浏览量
更新于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的基础,熟练掌握它们能够帮助开发者高效地构建功能丰富、语义清晰的网页。了解每个标签的用途和用法是开发响应式和无障碍网站的关键步骤。通过这份速查表,开发者可以快速查找并应用所需标签,提高开发效率。
2022-05-10 上传
2013-03-29 上传
2009-04-14 上传
点击了解资源详情
2009-08-23 上传
2014-09-12 上传
香草味灬布丁
- 粉丝: 3
- 资源: 8
最新资源
- EnderalVREssentials
- wNjsCppBasic:编写本地NodeJs模块的工具集合
- code
- QuickCategory-for-Outlook
- 4-求职简历-word-文件-简历模版免费分享-应届生-高颜值简历模版-个人简历模版-简约大气-大学生在校生-求职-实习
- WxTools (Weather Data Tools):该软件包收集并显示Oregon Scientific的天气数据。-开源
- qianlizhixing12.github.io
- yzt4ios:易掌通ios版仓库
- MySQL学习基础SQL练习记录.zip
- storage
- Memory-Game:GWG-记忆游戏
- hyve-backend:简单的学习平台(带有REST API的Django后端)
- 贝加莱学习资料,入门和精通
- 捕鱼达人Java课程实践项目.zip
- tvk-poc:TVK POC资产和指南
- evaluating:PHP代码根据表格填写技能评估报告