HTML5新标签全览
91 浏览量
更新于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效果。
HTML5标签小集标签小集
HTML5标签小集
HTML标签；
<meta>属性Content,name,scheme
<!DOCTYPE>
<a>属性coords,shape,
<abbr>属性
<address>属性
<area>属性
<article>属性
<aside>属性
<audio>属性
属性
<base>属性
<bdo>属性
<blockquoe>属性
<body>属性
<br>属性
<button>属性
<canvas>属性
<caption>属性
<cite>属性
<code>属性
<col>属性
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<div>
<dl>
<dt>
下载后可阅读完整内容，剩余3页未读，立即下载
2020-09-28 上传
2023-03-16 上传
2023-06-22 上传
2023-06-10 上传
2024-11-08 上传
2024-09-11 上传
2024-10-27 上传
weixin_38651812
- 粉丝: 3
- 资源: 935
我的内容管理
展开
