文章目录 HTML 日常开发常用标签 1、基本结构标签 2、内容标签 3、多媒体标签 4、表单标签 5、列表和定义标签 6、表格标签 7、链接和图像 8、元数据 9、语义化标签(HTML5新增) 10、框架和内联 11、交互 12、过时或不推荐使用的标签
HTML 日常开发常用标签
1、基本结构标签
< html> : 定义整个HTML文档。
< head> : 包含元数据,如标题、CSS链接和JavaScript链接。
< title> : 定义页面标题,显示在浏览器标签中。
< body> : 包含页面的内容,所有可视元素都在此内。
2、内容标签
< h1> 到< h6> : 定义标题,层级从高到低。
< p> : 定义段落。
< div> : 无意义的分块,用于样式和布局。
< span> : 无意义的内联容器,用于文本内容。
3、多媒体标签
< img> : 嵌入图片。
< video> : 嵌入视频。
< audio> : 嵌入音频。
< source> : 定义媒体资源,如视频或音频文件。
< track> : 为媒体添加文本轨道,如字幕。
4、表单标签
< form> : 定义表单,用于收集用户输入。
< input> : 定义输入字段,类型包括:text、password、email、file、checkbox、radio等。
< textarea> : 定义多行文本输入框。
< select> :定义下拉选择框,包含 < option> 元素。
< button> : 定义按钮。
< label> : 定义表单字段的标签。
< fieldset> 和< legend> : 组织表单元素,并为字段集合提供标题。
5、列表和定义标签
< ul> : 无序列表。
< ol> : 有序列表。
< li> : 列表项,用于< ul> 和< ol> 内。
< dl> : 定义列表。
< dt> : 定义列表中的术语。
< dd> : 定义术语的描述。
6、表格标签
< table> : 定义表格。
< tr> : 定义表格行。
< th> : 定义表头单元格。
< td> : 定义表格单元格。
< thead> : 定义表格头部。
< tbody> : 定义表格主体。
< tfoot> : 定义表格脚注。
7、链接和图像
< a> : 定义超链接。
< link> : 定义外部资源链接,如CSS文件。
< img> : 已在多媒体标签中提及。
8、元数据
< meta> : 提供页面的元数据,如字符集、 viewport设置和SEO信息。
< style> : 定义CSS样式。
< script> : 定义或引用JavaScript。
9、语义化标签(HTML5新增)
< header> : 页面或部分区域的头部。
< footer> : 页面或部分区域的底部。
< nav> : 导航链接区。
< section> : 独立的内容区。
< article> : 独立的文章内容。
< aside> : 侧边栏内容。
< details> : 提供额外细节。
< summary> : 定义 < details> 的标题。
10、框架和内联
< iframe> : 内嵌另一个HTML文档。
< u> 、< ins> 、< del> : 定义特殊的文本格式。
11、交互
< dialog> : 定义对话框(HTML5新增)。
< progress> : 显示进度条。
< meter> : 显示度量值。
12、过时或不推荐使用的标签
< center> : 文本居中(已废弃,推荐使用CSS)。
< font> :定义字体(已废弃)。
< strike> 或 < s> :划线文本(已废弃,推荐使用CSS)。
< applet> :Java小程序(已废弃)。
< embed> 和< object> :嵌入外部内容(部分情况下使用)。
< b> 和< i> :虽然仍可使用,但建议使用更语义化的标签如< strong> 和< em> 。