HTML5新标签全览
27 浏览量
更新于2024-08-31
收藏 17KB PDF 举报
"HTML5标签小集包含了HTML5中新增和改进的各种标签,这些标签用于增强网页的结构和语义,提升用户体验,并更好地支持多媒体内容。以下是对部分HTML5标签的详细说明:
1. `<meta>`标签:元数据声明,`content`属性用于指定元数据的值,`name`用于定义元数据类型,`scheme`则可以设定元数据的格式。
2. `<!DOCTYPE>`:声明文档类型,HTML5中通常写作`<!DOCTYPE html>`,表明该文档遵循HTML5规范。
3. `<a>`标签:链接标签,`coords`和`shape`属性用于定义图像映射,创建可点击的区域。
4. `<abbr>`标签:缩写标签,用于表示缩写的文本,可以提供全称的title属性。
5. `<address>`标签:用于展示联系信息,通常包含作者或文档维护者的地址。
6. `<area>`标签:在`<map>`标签内定义图像映射的区域。
7. `<article>`标签:表示文档、页面或应用中的独立内容,如博客文章、新闻报道等。
8. `<aside>`标签:表示与主内容相关的辅助性内容,如侧边栏或注释。
9. `<audio>`标签:用于嵌入音频内容,支持`src`属性指定音频源,`controls`属性显示播放控制。
10. `<base>`标签:设置页面的基本URL,影响所有相对URL链接。
11. `<bdo>`标签:双向文本导向,用于改变文本方向。
12. `<blockquote>`标签:引用大段外部内容,常用于长引言。
13. `<body>`标签:定义HTML文档的主体内容。
14. `<br>`标签:无闭合的换行标签。
15. `<button>`标签:创建可点击的按钮,可以用于提交表单或触发JavaScript事件。
16. `<canvas>`标签:用于绘制图形,通过JavaScript进行动态画图。
17. `<caption>`标签:表格的标题,放在`<table>`内。
18. `<cite>`标签:引用,通常用于表示作品的名称。
19. `<code>`标签:表示代码片段。
20. `<col>`和`<colgroup>`标签:用于定义表格列的样式或行为。
21. `<command>`标签:定义命令按钮,如菜单项。
22. `<datalist>`标签:提供下拉列表选项,与`<input>`配合使用。
23. `<dd>`标签:定义描述列表(`<dl>`)中的描述内容。
24. `<del>`标签:表示已删除的文本,显示为划线。
25. `<details>`标签:创建可展开/关闭的详细信息区块。
26. `<dfn>`标签:表示定义术语。
27. `<div>`标签:通用的容器标签,用于分组其他元素。
28. `<dl>`标签:定义描述列表。
29. `<dt>`标签:描述列表中的术语。
30. `<em>`标签:表示强调的文本,通常以斜体显示。
31. `<embed>`标签:插入外部资源,如插件或媒体。
32. `<fieldset>`标签:将表单元素分组,通常用于逻辑分隔。
33. `<figcaption>`标签:图片或表格的图例,放在`<figure>`内。
34. `<figure>`标签:用于定义独立的媒体内容,如图片、图表等。
35. `<footer>`标签:定义页面或区域的底部内容,如版权信息。
36. `<form>`标签:定义表单,用于用户输入。
37. `<h1>`到`<h6>`标签:定义六级标题,`<h1>`是最高级,`<h6>`是最低级。
38. `<head>`标签:包含文档的元信息,如标题、样式表、脚本等。
39. `<header>`标签:定义页面或区域的头部,通常包含导航、logo等。
40. `<hgroup>`标签:组合多个标题,用于减少HTML5文档中的标题层级。
41. `<hr>`标签:水平线,用于分隔内容。
42. `<html>`标签:HTML文档的根元素。
43. `<i>`标签:表示样式化的文本,如技术术语或外语。
44. `<iframe>`标签:创建内联框架,用于嵌入另一个网页。
45. `<img>`标签:插入图片,`src`属性为图片源,`alt`属性为替换文本。
46. `<input>`标签:创建各种表单输入字段,有不同的类型如text、checkbox、radio等。
47. `<ins>`标签:表示已插入的文本,显示为下划线。
48. `<keygen>`标签:生成密钥对,用于表单验证。
49. `<kbd>`标签:表示键盘输入,通常用于显示快捷键。
50. `<label>`标签:与表单控件关联,便于用户操作。
51. `<legend>`标签:定义`<fieldset>`的标题。
52. `<li>`标签:定义列表(`<ul>`或`<ol>`)中的项目。
53. `<link>`标签:引入外部资源,如CSS样式表。
54. `<map>`标签:定义图像映射,与`<area>`配合使用。
55. `<mark>`标签:标记重要的或需要突出显示的文本。
56. `<menu>`标签:创建菜单,通常用于命令或工具栏。
57. `<meter>`标签:表示度量范围,如评分或进度条。
58. `<nav>`标签:定义主要的导航链接。
59. `<noscript>`标签:在浏览器不支持或禁用JavaScript时显示内容。
60. `<object>`标签:插入外部对象,如视频、音频或插件。
61. `<ol>`标签:定义有序列表。
62. `<optgroup>`标签:在`<select>`中创建分组的选项。
63. `<option>`标签:定义下拉列表中的选项。
64. `<output>`标签:表示计算结果或用户交互的结果。
65. `<p>`标签:定义段落。
66. `<param>`标签:定义`<object>`的参数。
67. `<pre>`标签:预格式化文本,保留空格和换行。
68. `<progress>`标签:显示进度条,可以表示任务进度。
69. `<q>`标签:表示短引号。
70. `<rp>`和`<rt>`标签:用于在`<ruby>`标签中表示音译或注解。
71. `<ruby>`标签:用于东亚语言的音读或注音。
72. `<samp>`标签:表示计算机代码样本。
73. `<script>`标签:引入JavaScript脚本。
74. `<section>`标签:定义文档中的节,如章节、页眉或页脚。
75. `<select>`标签:创建下拉选择框。
76. `<small>`标签:表示小号文本,通常用于次要信息。
77. `<source>`标签:在`<audio>`或`<video>`中定义不同的媒体源。
78. `<strong>`标签:表示重要的文本,通常加粗显示。
79. `<style>`标签:在文档中直接插入CSS样式。
80. `<sub>`标签:表示下标文本。
81. `<summary>`标签:`<details>`的摘要,用于显示展开/关闭的提示。
82. `<sup>`标签:表示上标文本。
83. `<table>`标签:创建表格。
84. `<tbody>`标签:定义表格的主体部分。
85. `<td>`标签:定义表格单元格。
86. `<textarea>`标签:创建多行文本输入框。
87. `<tfoot>`标签:定义表格的底部行。
88. `<th>`标签:定义表格的表头单元格。
89. `<thead>`标签:定义表格的表头部分。
90. `<time>`标签:表示日期和时间。
91. `<title>`标签:定义文档的标题。
92. `<tr>`标签:定义表格的行。
93. `<ul>`标签:定义无序列表。
94. `<var>`标签:表示变量。
95. `<video>`标签:嵌入视频,支持`src`、`controls`等属性。
以上只是部分HTML5标签的介绍,实际中还有更多标签用于构建丰富的网页结构和功能。学习和理解这些标签,能帮助开发者创建更符合语义、更易读的网页,提高网页的可访问性和SEO效果。
2020-09-28 上传
2019-08-10 上传
2021-10-09 上传
2020-09-05 上传
2020-10-29 上传
2024-10-30 上传
2024-10-30 上传
2024-10-30 上传
weixin_38651812
- 粉丝: 3
- 资源: 935
最新资源
- 新代数控API接口实现CNC数据采集技术解析
- Java版Window任务管理器的设计与实现
- 响应式网页模板及前端源码合集:HTML、CSS、JS与H5
- 可爱贪吃蛇动画特效的Canvas实现教程
- 微信小程序婚礼邀请函教程
- SOCR UCLA WebGis修改:整合世界银行数据
- BUPT计网课程设计:实现具有中继转发功能的DNS服务器
- C# Winform记事本工具开发教程与功能介绍
- 移动端自适应H5网页模板与前端源码包
- Logadm日志管理工具:创建与删除日志条目的详细指南
- 双日记微信小程序开源项目-百度地图集成
- ThreeJS天空盒素材集锦 35+ 优质效果
- 百度地图Java源码深度解析:GoogleDapper中文翻译与应用
- Linux系统调查工具:BashScripts脚本集合
- Kubernetes v1.20 完整二进制安装指南与脚本
- 百度地图开发java源码-KSYMediaPlayerKit_Android库更新与使用说明