HTML5新标签全览

0 下载量 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效果。